@charset "utf-8";
*{ margin: 0; padding: 0; list-style-type: none; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
html, body { background-color: #ffffff; font-family: "Noto Sans CJK SC", "Source Han Sans CN", "PingFangSC-Regular", "sans-serif", "Arial", "Microsoft YaHei"; font-size: 62.5%; font-weight: normal; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling : touch; }
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, input, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

h1, h2, h3, h4, h5, h6, em, h6, b, p, i { font-weight: normal; font-style: normal; }
a { text-decoration: none; cursor: pointer; }
ol, ul, li { list-style: none outside none; }
ul:after, dl:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
table { border-collapse: collapse; }
input, select { -webkit-appearance: none; appearance: none; font-family: "Noto Sans CJK SC", "Source Han Sans CN", "PingFangSC-Regular", "sans-serif", "Arial"; }
select::-ms-expand { display:none; }
input[type=radio]::-ms-check,input[type=checkbox]::-ms-check { display: none; }
input[type="submit"], input[type="reset"], input[type="button"], input { resize: none; border: none; }
:focus{ outline: none; }
.one-txt-cut { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.txt-cut { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* -webkit-line-clamp: 2; */ -webkit-box-orient: vertical; }
.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.clearfix { zoom: 1; }
.fl { float: left !important; }
.fr { float: right !important; }
.db { display: block !important; }
.dn { display: none !important; }
.pr { position: relative !important; }
.ovfl { overflow: hidden; }
.img { font-size: 0; }
.img-size img { width: 100%; height: 100%; }
.w100 { width: 100%; }
.mg-auto { margin: auto; }
.pd-0-24 { padding: 0 24px; }
.pd-24 { padding: 24px; }
.pd-0 { padding: 0 !important; }
.mg-t-0 { margin-top: 0 !important; }
.bgstyel { background-position: center; background-repeat: no-repeat; }
.bgsize { background-size: cover; }
.bor-0 { border-width: 0 !important; }
.wrap { margin: auto; width: 1200px; }
.automatic-img_01, .automatic-img_02, .automatic-img_03, .automatic-img_04, .automatic-img_05, .automatic-img_06, .automatic-img_07, .automatic-img_08, .automatic-img_09, .automatic-img_10, .automatic-img_11, .automatic-img_12, .automatic-img_13, .automatic-img_14, .automatic-img_15, .automatic-img_16, .automatic-img_17 { overflow: hidden; display: block; width: 100%; height: 100%; }
.btn { /*background-color: #efa00f;*/ font-size: 14px; color: #ffffff; }
.table-input { width: 100%; height: 100%; border-width: 0; background-color: transparent; font-size: 14px; color: #333333; }
.table-input::-webkit-input-placeholder { font-size: 14px; color: #666666; }
.table-input:-moz-placeholder { font-size: 14px; color: #666666; }
.table-input::-moz-placeholder { font-size: 14px; color: #666666; }
.table-input:-ms-input-placeholder { font-size: 14px; color: #666666; }
.page-box { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; ustify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; }
.swiper-page .swiper-pagination-bullet { width: 12px; height: 12px; }
.swiper-page .swiper-pagination-bullet-active { background:#1c1b1b; }
.swiper-page .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; }
.swiper-page .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; }

.iTable-01 { padding: 50px 0; background-color:#FFF; }
.iTable-01_col { padding-bottom: 30px; line-height: 1; font-size: 18px; text-align: center; color: #333;}
.iTable-01_col-span { padding-left: 12px; color: #666; }
.iTable-01_col-em {padding: 3px 6px;
    color: #f80000;
    background: #ffffff;
    border-radius: 3px;
    margin: 0 10px; }
.iTable-01_form { border: 1px solid #dddddd; }
.iTable-01_form li { float: left; border-right: 1px solid #dddddd; width: 239px; height: 46px; background-color: #ffffff; }
.iTable-01_form li:last-child { border-right-width: 0; width: 238px; }
.iTable-01_form-ico { float: left; margin-left: 24px; margin-top: 11px; margin-bottom: 11px; width: 24px; height: 24px; }
.iTable-01_form-font { padding-left: 60px; padding-right: 12px; }
.iTable-01_form-font input { height: 46px; }
.iTable-01_form-btn { cursor: pointer; line-height: 46px; text-align: center; }


/* -------------------------------- é¦–é¡µ-é‡‘åˆšåŒº -------------------------------- */
.iKim { padding: 50px 0; background-color: #f5f5f5; }
.iKim li { float: left; padding: 35px 0; margin-right: 24px; width: 220px; background-color: #ffffff; }
.iKim li:last-child { margin-right: 0; }
.iKim-ico { margin: auto; width: 54px; height: 54px; }
.iKim-font { margin-top: 24px; line-height: 1; font-size: 18px; text-align: center; color: #333333; }


/* -------------------------------- é¦–é¡µ-æ¨¡å—åç§° -------------------------------- */
.iTitle { padding-bottom: 50px; line-height: 1; text-align: center; }
.iTitle-line { margin-bottom: 22px; display: inline-block; width: 225px; height: 1px; background-color: #eeeeee; }
.iTitle-line.bgcolor { background-color: #dcdcdc; }
.iTitle-font { display: inline-block;  padding: 0 24px; }
.iTitle-font-h2 { padding-bottom: 20px; font-size: 28px; color: #333333; }
.iTitle-font-h3 { font-size: 14px; color: #666666; }
.iTitle-font-h2.fontcolor, .iTitle-font-h3.fontcolor { color: #ffffff; }


.scrollTop{ position:fixed; _position:absolute;bottom:130px;_top:expression(documentElement.scrolltop + 300 + "px"); width:53px; right:20px; z-index:999999999999;/* display:none; */}
.scrollTop a{ display:block; width:53px; height:53px; background-color:#9f9f9f; background-image:url(../images/topimg.png); background-repeat:no-repeat;top:20px; position:relative; opacity:1;filter:alpha(opacity=100);}
.scrollTop a:hover{background-color:#000000;}

/* -------------------------------- é¦–é¡µ-è£…ä¿®æœåŠ¡ -------------------------------- */
.iService { padding: 0px 0 70px; background-color: #ffffff; }
.iService .swiper-container { padding-bottom: 50px; }
.iService-item { overflow: hidden; display: block; width: 100%; height: 360px; }
.iService-con { overflow: hidden; position: absolute; left: 0; bottom: 0; padding-top: 16px; padding-bottom: 36px; background-color: rgba(255,255,255,0.85); width: 100%; height: 122px; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; text-align: center; line-height: 1; }
.iService-ico { margin: auto; width: 80px; height: 80px; background-repeat: no-repeat; background-position: 0 0; background-size: 80px 160px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
.iService-tit { font-size: 18px; font-weight: bold; color: #333333; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
.iService-txt { margin-top: 12px; font-size: 12px; color: #999999; text-transform: uppercase; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
.iService-font { padding: 0 24px; margin-top: 24px; height: 72px; line-height: 24px; font-size: 12px; color: #ffffff; opacity: 0; filter: alpha(opacity=0); transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -webkit-line-clamp: 3; }
.iService-btn { display: inline-block; margin-top: 53px; width: 124px; height: 34px; background-color: transparent; border: 1px solid #ffffff; line-height: 34px; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
.iService-item:hover .iService-con { background-color: rgba(0,0,0,0.85); height: 100%; border-bottom: 0px solid #efa00f !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.iService-item:hover .iService-ico { background-position: 0 -80px; }
.iService-item:hover .iService-tit, .iService-item:hover .iService-txt { color: #ffffff; }
.iService-item:hover .iService-font, .iService-item:hover .iService-btn { opacity: 1; filter: alpha(opacity=100); }


/* -------------------------------- é¦–é¡µ-ä¸ªæ€§å®šåˆ¶ç²¾è£… -------------------------------- */
.iCustom { padding: 70px 0; background-color: #f5f5f5; }
.iCustom-menu { margin-bottom: 50px; height: 40px; line-height: 38px; text-align: center; }
.iCustom-menu ul { display: inline-block; }
.iCustom-menu li { float: left;  margin: 0 12px; padding: 0 38px; cursor: pointer; border:1px solid #dddddd; background-color: #ffffff; font-size: 14px; color: #666666; }
.iCustom-menu li.hover { background-color: #b5000d; border-color: #b5000d; color: #ffffff; }
.iCustom-con { }
.iCustom-con_img { float: left; width: 695px; height: 430px; }
.iCustom-con_font { float: right; padding: 48px; margin-left: -190px; margin-top: 65px; width: 599px; height: 204px; background-color: rgba(255,255,255,0.90); }
.iCustom-con_font-tit { line-height: 1; font-size: 18px; color: #333333; }
.iCustom-con_font-price { margin: 32px 0; line-height: 1; font-size: 14px; color: #b5000d; }
.iCustom-con_font-txt { line-height: 1; font-size: 14px; color: #666666; }
.iCustom-con_font-btn { display: inline-block; margin-top: 54px; padding: 0 38px; cursor: pointer; border:1px solid #666666; background-color: transparent; line-height: 38px; font-size: 14px; color: #666666; }
.iCustom-con_font:hover .iCustom-con_font-btn { background-color: #b5000d; border-color: #b5000d; color: #ffffff; }


/* -------------------------------- é¦–é¡µ-è¡¨å•CSS-2 -------------------------------- */
.iTable-02 {/* background-image: url("../images/bg-01.jpg");*/background: #1aa6dc; }
.iTable-02_col { float: left; padding: 48px 0; line-height: 24px; font-size: 18px; color: #ffffff; }
.iTable-02_col-span { padding: 0 6px; color: #ffba3b; }
.iTable-02_form { float: right; margin: 48px 0; height: 48px; }
.iTable-02_form li { float: left; margin-right: 24px; border: 1px solid #dddddd; background-color: #ffffff; width: 282px; height: 46px; }
.iTable-02_form li:last-child { margin-right: 0; width: 180px; border-color: #f4b748; }
.iTable-02_form-ico { float: left; margin-left: 24px; margin-top: 11px; margin-bottom: 11px; width: 24px; height: 24px; }
.iTable-02_form-font { padding-left: 60px; padding-right: 12px; }
.iTable-02_form-font input { height: 46px; }
.iTable-02_form-btn { cursor: pointer; line-height: 46px; text-align: center; }


/* -------------------------------- é¦–é¡µ-å®¶è£…æ¡ˆä¾‹ -------------------------------- */
.iCases { padding: 70px 0; background-color: #f5f5f5; }
.iCases li { overflow: hidden; position: relative; float: left; margin-bottom: 24px; margin-right: 24px; width: 384px; height: 237px; background-color: #000000; }
.iCases li:nth-child(3) { margin-right: 0; height: 498px; }
.iCases li:nth-child(4) { margin-top: -261px; height: 498px; }
.iCases li:nth-child(5) { margin-top: -261px; }
.iCases li:nth-child(7) { margin-right: 0; }
.iCases-img { width: 100%; height: 100%; }
.iCases-font { position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background-color: rgba(0,0,0,0.60); line-height: 1; text-align: center; color: #ffffff; opacity: 0; filter: alpha(opacity=0); transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
.iCases-tit { padding: 0 24px; font-size: 18px; }
.iCases-txt { padding: 24px; font-size: 14px; }
.iCases-btn { display: inline-block; padding: 10px 24px; border: 1px solid #ffffff; font-size: 14px; }
.iCases li:hover .iCases-font { bottom: 0%; opacity: 1; filter: alpha(opacity=100); }
.iCases-menu { margin-top: 26px; }
.swiper-iCases { margin: 0 42px; }
.iCases-menu-item { display: block; }
.iCases-menu-img { float: left; width: 80px; height: 80px; background-position: 0 0; background-size: 80px 160px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
.iCases-menu-font { padding-left: 104px; height: 80px; line-height: 1; }
.iCases-menu-font-h2 { padding-bottom: 8px; font-size: 14px; color: #333333; }
.iCases-menu-font-h3 { font-size: 12px; color: #999999; }
.iCases-menu .swiper-button-next, .iCases-menu .swiper-button-prev { width: 18px; height: 32px; margin-top: -16px; background-size: 18px 32px; }
.iCases-menu .swiper-button-prev, .iCases-menu .swiper-container-rtl .swiper-button-next { background-image: url("../images/ico-30.png"); left: 0px; right: auto; }
.iCases-menu .swiper-button-next, .iCases-menu .swiper-container-rtl .swiper-button-prev { background-image: url("../images/ico-31.png"); right: 0px; left: auto; }
.iCases-menu-item:hover .iCases-menu-img { background-position: 0 -80px; }
.iCases-menu-item:hover .iCases-menu-font-h2, .iCases-menu-item:hover .iCases-menu-font-h3 { color: #b5000d; }
.iCases-more { display: block; margin-top: 50px; width: 220px; height: 40px; line-height: 40px; text-align: center; }


/* -------------------------------- é¦–é¡µ-åœ¨å»ºå·¥åœ° -------------------------------- */
.iEngineer { padding: 70px 0; background-color: #ffffff; }
.iEngineer li { overflow: hidden; position: relative; float: left; margin-bottom: 24px; margin-right: 24px; width: 282px; height: 174px; background-color: #f5f5f5; }
.iEngineer li:first-child { margin-bottom: 0; width: 588px; height: 602px; }
.iEngineer li:nth-child(3) { margin-right: 0; }
.iEngineer li:nth-child(5) { margin-right: 0; }
.iEngineer li:nth-child(6) { margin-right: 0; margin-bottom: 0; width: 588px; height: 206px; }
.iEngineer-item { -moz-transition: all .25s ease-out .2s; -webkit-transition: all .25s ease-out .2s; transition: all .25s ease-out .2s; }
.iEngineer-item:hover { -moz-transform: translateY(-6px); -webkit-transform: translateY(-6px); transform: translateY(-6px); -moz-box-shadow: 0 0 20px 0 rgba(51,51,51,.2); -webkit-box-shadow: 0 0 20px 0 rgba(51,51,51,.2); box-shadow: 0 0 20px 0 rgba(51,51,51,.2); }
.iEngineer-l-img { width: 588px; height: 363px; }
.iEngineer-con { padding: 24px; }
.iEngineer-l-tit { line-height: 1; font-size: 18px; color: #333333; }
.iEngineer-l-txt { margin-top: 14px; margin-bottom: 50px; height: 72px; line-height: 24px; font-size: 14px; text-align: justify; color: #666666; -webkit-line-clamp: 3; }
.iEngineer-l-btn { display: block; padding: 8px 24px; margin-right: 24px; border: 1px solid #e09813; }
.iEngineer-l-btn.afirst-child { border: 1px solid #999999 !important; background-color: #ffffff !important; color: #999999 !important; }
.iEngineer-r-img { width: 282px; height: 174px; }
.iEngineer-r-font { position: absolute; left: 24px; bottom: 12px; padding: 0 12px; width: 210px; height: 32px; background-color: rgba(0,0,0,0.60); line-height: 32px; font-size: 14px; text-align: center; color: #ffffff; -moz-transition: all .25s ease-out .2s; -webkit-transition: all .25s ease-out .2s; transition: all .25s ease-out .2s; }
.iEngineer-item:hover .iEngineer-r-font { background-color: rgba(239,160,15,0.60); }
.iEngineer-r-tit { margin-bottom: 6px; line-height: 1; font-size: 18px; color: #333333; }
.iEngineer-r-txt { line-height: 1; font-size: 14px; color: #666666; }
.iTable-03_form { }
.iTable-03_form-item { float: left; margin-right: 12px; margin-top: 12px; border: 1px solid #dddddd; background-color: #ffffff; width: 262px; height: 46px; }
.iTable-03_form-item:nth-child(2n) { margin-right: 0; }
.iTable-03_form-item.btnlast-child { margin-right: 0; border-color: #e09813; }
.iTable-03_form-ico { float: left; margin-left: 24px; margin-top: 11px; margin-bottom: 11px; width: 24px; height: 24px; }
.iTable-03_form-font { padding-left: 60px; padding-right: 12px; }
.iTable-03_form-font input { height: 46px; }
.iTable-03_form-btn { cursor: pointer; line-height: 46px; text-align: center; }


/* -------------------------------- é¦–é¡µ-è®¾è®¡å¤§å’– -------------------------------- */
.iTeam { padding: 70px 0; background-color: #f5f5f5; }
.iTeam .swiper-container { padding-bottom: 50px; }
.iTeam-item { overflow: hidden; display: block; width: 100%; height: 300px; }
.iTeam-con { overflow: hidden; position: absolute; left: 0; bottom: 0; padding-top: 16px; padding-bottom: 36px; background-color: rgba(255,255,255,0.85); width: 100%; height: 42px; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; text-align: center; line-height: 1; }
.iTeam-tit { font-size: 18px; color: #333333; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
.iTeam-txt { margin-top: 12px; font-size: 12px; color: #666666; text-transform: uppercase; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
.iTeam-btn { display: inline-block; margin-top: 24px; width: 100px; height: 28px; background-color: transparent; border: 1px solid #ffffff; line-height: 28px; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
.iTeam-item:hover .iTeam-con { background-color: rgba(0,0,0,0.85); height: 100%; border-bottom: 0px solid #efa00f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; ustify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;  }
.iTeam-item:hover .iTeam-tit, .iTeam-item:hover .iTeam-txt { color: #ffffff; }
.iTeam-item:hover .iTeam-font, .iTeam-item:hover .iTeam-btn { opacity: 1; filter: alpha(opacity=100); }


/* -------------------------------- é¦–é¡µ-å…³äºŽéº¦ä¸° -------------------------------- */
.iAbout { padding: 70px 0; background-color: #ffffff; background-image: url("../images/bg-03.jpg"); background-repeat: no-repeat; }
.iAbout-font { height: 56px; line-height: 28px; font-size: 14px; text-align: center; color: #ffffff; -webkit-line-clamp: 2; }
.iAbout-btn { display: block; margin-top: 65px; width: 124px; height: 34px; background-color: transparent; border: 1px solid #ffffff; line-height: 34px; text-align: center; }
.iAbout-btn:hover { background-color: #b5000d; border-color: #b5000d; }
.iAbout-param { margin-top: 62px; height: 120px; background-color: #f5f5f5; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.1);  box-shadow: 0 0 80px rgba(0,0,0,0.1); }
.iAbout-param li { position: relative; float: left; width: 300px; height: 120px; text-align: center; }
.iAbout-num { line-height: 1; font-size: 28px; font-weight: bold; color: #b5000d; }
.iAbout-num sup { font-size: 14px;color: #999999;
    font-weight: 100;
    padding-left: 5px;}
.iAbout-txt { margin-top: 24px; line-height: 1; font-size: 18px; color: #333; }
.iAbout-line { position: absolute; top: 50%; right: 0; margin-top: -16px; width: 1px; height: 32px; background-color: #dddddd; }
.iAbout-param li:last-child .iAbout-line { display: none; }


/* -------------------------------- é¦–é¡µ-è½¯è£…è®¾è®¡ -------------------------------- */
.iGray { padding: 70px 0; background-color: #f5f5f5; }
.iGray-con { position: relative; height: 400px; background-color: #000000; }
.swiper-iGray { width: 100%; height: 400px; }
.iGray-item { position: relative; width: 100%; height: 100%; }
.iGray .swiper-button-next, .iGray .swiper-button-prev { width: 50px; height: 50px; top: auto; bottom: 0; background-color: #b5000d; background-size: 10px 17px; background-position: center; }
.iGray .swiper-button-prev, .iGray .swiper-container-rtl .swiper-button-next { background-image: url("../images/ico-32.png"); left: 50%; margin-left: -242px; right: auto; }
.iGray .swiper-button-next, .iGray .swiper-container-rtl .swiper-button-prev { background-image: url("../images/ico-33.png"); right: 50%; margin-right: -242px; left: auto; }
.iGray-item-font { position: absolute; top: 0; left: 50%; z-index: 50; margin-left: -192px; width: 384px; height: 400px; text-align: center; background-color: rgba(255,255,255,0.85); }
.iGray-item-font-h2 { line-height: 1; font-size: 28px; color: #333333; }
.iGray-item-font-h3 { margin: 24px 0; line-height: 1; font-size: 14px; color: #999999; }
.iGray-item-font-txt { line-height: 28px; font-size: 14px; color: #666666; -webkit-line-clamp: 2; }
.iGray-item-font-btn { padding: 10px 24px; margin-top: 30px; display: inline-block; border: 1px solid #b5000d; background-color: transparent; color: #b5000d; }
.iGray-item:hover .iGray-item-font-btn { background-color: #b5000d; color: #ffffff; }


/* -------------------------------- é¦–é¡µ-ad-01 -------------------------------- */
.iAd-01 { padding: 70px 0 0; background-color: #ffffff; }


/* -------------------------------- é¦–é¡µ-çƒ­é—¨æ¥¼ç›˜ -------------------------------- */
.iProperty { padding: 70px 0; background-color: #ffffff; }
.iProperty li { overflow: hidden; position: relative; float: left; margin-bottom: 24px; margin-right: 24px; width: 384px; height: 309px; background-color: #f5f5f5; }
.iProperty li:nth-child(3n) { margin-right: 0; }
.iProperty-img { width: 100%; height: 100%; }
.iProperty-con { overflow: hidden; position: absolute; left: 0; bottom: 0; padding: 16px 0; background-color: #f5f5f5; width: 100%; height: 44px; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; line-height: 1; text-align: center; }
.iProperty-tit { font-size: 18px; color: #333333; }
.iProperty-txt { margin-top: 12px; font-size: 14px; color: #666666; }
.iProperty-btn { margin-top: 24px; display: inline-block; width: 100px; height: 28px; border: 1px solid #ffffff; background-color: transparent; line-height: 28px; font-size: 14px; color: #ffffff; }
.iProperty li:hover .iProperty-con { background-color: rgba(0,0,0,0.85); height: 100%; border-bottom: 7px solid #b5000d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; ustify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;  }
.iProperty li:hover .iProperty-tit, .iProperty li:hover .iProperty-txt { color: #ffffff; }
.iProperty-search { padding: 48px 204px 0; }
.iProperty-search-l { float: left; width: 588px; height: 36px; border: 2px solid #333333; }
.iProperty-search_input { float: left; padding: 0 12px; width: 438px; height: 36px; }
.iProperty-search_btn { float: right; display: block;  cursor: pointer; width: 126px; height: 36px; background-color: #333333; line-height: 36px; text-align: center; }
.iProperty-search-r { float: right; display: block; width: 180px; height: 40px; line-height: 40px; text-align: center; }


/* -------------------------------- é¦–é¡µ-æˆ‘ä»¬çš„ä¼˜åŠ¿ -------------------------------- */
.iSuperiority { padding: 70px 0; background-color: #f5f5f5; }
.iSuperiority .swiper-container { padding-bottom: 50px; }
.iSuperiority-item { overflow: hidden; display: block; width: 100%; }
.iSuperiority-img { position: relative; z-index: 1; width: 100%; height: 237px; } 
.iSuperiority-con { position: relative; z-index: 2; margin: -68px 24px 0; padding: 0 24px; background-color: rgba(255,255,255,0.85); height: 137px; text-align: center; line-height: 1; }
.iSuperiority-con:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.iSuperiority-item:hover .iSuperiority-con:after { height: 7px; }
.iSuperiority-tit { font-size: 18px; color: #333333; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
.iSuperiority-txt { margin-top: 6px; max-height: 56px; font-size: 14px; color: #666666; line-height: 28px; -webkit-line-clamp: 2; }


/* -------------------------------- é¦–é¡µ-çº¿ä¸‹é—¨åº— -------------------------------- */
.iShop { padding: 70px 0; background-color: #ffffff; }
.iShop-con { height: 742px; background-color: #000000; }
.iShop-box { height: 501px; }
.iShop-box_img { height: 501px; background-size: cover; }
.iShop-box_font { position: absolute; top: 71px; right: 48px; z-index: 10; padding: 48px; width: 500px; height: 263px; background-color: rgba(255,255,255,0.90); }
.iShop-box_font-h2 { margin-bottom: 17px; line-height: 1; font-size: 18px; color: #333333; }
.iShop-box_font-item { margin-bottom: 17px; min-height: 18px; line-height: 18px; }
.iShop-box_font-item-ico { float: left; width: 18px; height: 18px; }
.iShop-box_font-item-txt { padding-left: 30px; font-size: 14px; color: #333333; }
.iShop-box_font-btn { margin-top: 15px; display: block; padding: 8px 24px; margin-right: 24px; border: 1px solid #b5000d; background-color: transparent; color: #b5000d; }
.iShop-box_font-btn.afirst-child { border: 1px solid #333333 !important; color: #333333 !important; }
.iShop-menu { border-top: 1px solid #ffffff; height: 240px; }
.iShop-menu li { cursor: pointer; position: relative; float: left; width: 239px; height: 240px; border-left: 1px solid #ffffff; line-height: 1; text-align: center; }
.iShop-menu li:first-child { width: 240px; border-left-width: 0; }
.iShop-menu-img { width: 100%; height: 240px; }
.iShop-menu-font { position: absolute; top: 0; left: 0; width: 100%; height: 240px; background-color: rgba(255,255,255,0.80) }
.iShop-menu-font_h2 { font-size: 18px; }
.iShop-menu-font_btn { display: none; cursor: pointer; margin-top: 24px; padding: 10px 24px; border: 1px solid #ffffff; background-color: transparent; text-align: center; }
.iShop-menu li.hover { color: #ffffff; }
.iShop-menu li.hover .iShop-menu-font { background-color: rgba(0,0,0,0.50); }
.iShop-menu li.hover .iShop-menu-font_btn { display: inline-block; }


/* -------------------------------- é¦–é¡µ-æœåŠ¡æµç¨‹ -------------------------------- */
.iFlow { padding: 70px 0; background-color: #ffffff; }
.swiper-iFlow { margin: 0 78px; }
.iFlow-item { display: block; }
.iFlow-img { width: 92px; height: 92px; border: 1px solid #fff;
    background-color: #18aae4;background-position: 0 0; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.iFlow-font-h2 { padding-top: 24px; line-height: 1; font-size: 14px; text-align: center; color: #333333; }
.iFlow .swiper-button-next, .iFlow .swiper-button-prev { width: 18px; height: 32px; margin-top: -16px; background-size: 18px 32px; }
.iFlow .swiper-button-prev, .iFlow .swiper-container-rtl .swiper-button-next { background-image: url("../images/ico-30.png"); left: 0px; right: auto; }
.iFlow .swiper-button-next, .iFlow .swiper-container-rtl .swiper-button-prev { background-image: url("../images/ico-31.png"); right: 0px; left: auto; }
.swiper-iFlow ul { position: absolute; left: 0; top: 0; width: 100%; height: 94px; }
.swiper-iFlow li { float: left; margin-left: 94px; padding: 0 10px; width: 76px; height: 94px; text-align: center; }
.swiper-iFlow-line { display: inline-block; margin-bottom: 6px; width: 24px; height: 1px; background-color: #999999; }
.swiper-iFlow-circle_w { display: inline-block; padding: 2px; margin: 0 3px; width: 8px; height: 8px; border: 1px solid #999999; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.swiper-iFlow-circle_n { width: 8px; height: 8px; background-color: #999999; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }


/* -------------------------------- é¦–é¡µ-éº¦ä¸°è£…é¥°ï¼Œè®©æ‚¨ä½å¾—æ›´å¥½ -------------------------------- */
.iCourse { padding: 70px 0; background-image: url("../images/bg-03.jpg"); background-repeat: no-repeat; }
.iCourse-con { height: 329px; background-image: url("../images/ico-45.png"); background-repeat: no-repeat; background-position: center; }
.iCourse-con li { position: relative; float: left; width: 133px; height: 329px; }
.iCourse-con li:first-child, .iCourse-con li:last-child { width: 134px; }
.iCourse-con_font { position: absolute; left: 0; top: 0; width: 100%; line-height: 1; text-align: center; color: #ffffff; }
.iCourse-con_font-year { font-size: 18px; }
.iCourse-con_font-txt { margin: 12px 0; font-size: 14px; }
.iCourse-con li:nth-child(2n) .iCourse-con_font { top: auto; bottom: 0; }


/* -------------------------------- é¦–é¡µ-è£…ä¿®é£Žå‘æ ‡ -------------------------------- */
.iNews { padding: 70px 0; background-color: #f5f5f5; }
.iNews-menu { margin-bottom: 50px; height: 40px; line-height: 38px; text-align: center; }
.iNews-menu ul { display: inline-block; }
.iNews-menu li { float: left; margin: 0 12px; padding: 0 38px; cursor: pointer; border:1px solid #dddddd; background-color: #ffffff; font-size: 14px; color: #666666; }
.iNews-menu li.hover { background-color: #1b1b1b; border-color: #454444; color: #ffffff; }
.iNews-con { }
.iNews-box { overflow: hidden; position: relative; width: 588px; background-color: #ffffff; }
.iNews-font { padding: 24px; }
.iNews-l-img { width: 588px; height: 363px; }
.iNews-l-tit { padding-right: 98px; line-height: 1; font-size: 18px; color: #333333; }
.iNews-l-time { float: right; margin-top: -16px; line-height: 1; font-size: 14px; color: #999999; }
.iNews-l-txt { margin-top: 14px; margin-bottom: 42px; height: 72px; line-height: 24px; font-size: 14px; text-align: justify; color: #666666; -webkit-line-clamp: 3; }
.iNews-l-btn { display: block; padding: 8px 24px; border:1px solid #a9a6a6; background-color: transparent; color: #333; }
.iNews-box.fl:hover .iNews-l-btn { background-color: #039edb; color: #ffffff; }
.iNews-box.fr .iNews-font { padding: 40px 24px; }
.iNews-box.fr li { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px dotted #dddddd; }
.iNews-box.fr li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom-width: 0; }
.iNews-r-font { padding-right: 109px; }
.iNews-r-tit { margin-bottom: 14px; line-height: 1; font-size: 18px; color: #333333; }
.iNews-r-txt { height: 48px; line-height: 24px; font-size: 14px; text-align: justify; color: #666666; -webkit-line-clamp: 2; }
.iNews-r-time { float: right; margin-top: -80px; width: 84px; border-left: 1px solid #dddddd; line-height: 80px; font-size: 18px; text-align: center; color: #999999; }
.iNews-box.fr li:hover .iNews-r-tit { color: #000; }


/* -------------------------------- é¦–é¡µ-ä¸šä¸»å¥½è¯„ -------------------------------- */
.iComments { padding: 70px 0; background-color: #ffffff; }
.iComments-menu { margin-bottom: 50px; height: 40px; line-height: 38px; text-align: center; }
.iComments-menu ul { display: inline-block; }
.iComments-menu li { float: left; margin: 0 12px; padding: 0 38px; cursor: pointer; border:1px solid #dddddd; background-color: #ffffff; font-size: 14px; color: #666666; }
.iComments-menu li.hover { background-color: #b5000d; border-color: #b5000d; color: #ffffff; }
.iComments-con { }
.iComments-con li { overflow: hidden; position: relative; float: left; margin-right: 24px; width: 384px; height: 237px; background-color: #f5f5f5; -moz-transition: all .25s ease-out .2s; -webkit-transition: all .25s ease-out .2s; transition: all .25s ease-out .2s; }
.iComments-con li:nth-child(3n){ margin-right: 0; }
.iComments-con li:hover { -moz-transform: translateY(-6px); -webkit-transform: translateY(-6px); transform: translateY(-6px); -moz-box-shadow: 0 0 20px 0 rgba(51,51,51,.2); -webkit-box-shadow: 0 0 20px 0 rgba(51,51,51,.2); box-shadow: 0 0 20px 0 rgba(51,51,51,.2); }
.iComments-img { width: 100%; height: 100%; }
.iComments-font { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.60); text-align: center; color: #ffffff; }
.iComments-name { line-height: 1; font-size: 18px; }
.iComments-txt { margin-top: 24px; line-height: 28px; font-size: 14px; }


/* -------------------------------- é¦–é¡µ-ad-01 -------------------------------- */
.iAd-02 { padding: 50px 0 70px; background-color: #ffffff; }
.iAd-02 li { overflow: hidden; position: relative; float: left; margin-right: 24px; width: 384px; height: 294px; background-color: #f5f5f5; }
.iAd-02 li:nth-child(3n){ margin-right: 0; }


/* -------------------------------- åº•éƒ¨ -------------------------------- */
.foot { background-color: #333333; }
.foot-links { padding: 40px 0; border-bottom: 1px solid #171717; line-height: 28px; font-size: 14px; }
.foot-links-tit { float: left;  width: 72px; color: #ffffff; }
.foot-links-txt { padding-left: 72px; }
.foot-links a { display: inline-block; padding: 0 16px; color: #9b9b9b; }
.foot-links a:hover { color: #b5000d; }
.foot-con { padding: 40px 0; border-top: 1px solid #5d5d5d; border-bottom: 1px solid #171717; line-height: 28px; font-size: 14px; }
.foot-con-l { float: left; width: 350px; }
.foot-con-l_logo { margin-bottom: 24px; }
.foot-con-l_tel { line-height: 1; }
.foot-con-l_tel-ico { float: left; margin-top: 7px; width: 32px; height: 32px; }
.foot-con-l_tel-font { padding-left: 44px; }
.foot-con-l_tel-font-tit { font-size: 18px; color: #ffffff; }
.foot-con-l_tel-font-txt { margin-top: 9px; font-size: 24px; font-weight: bold; color: #efa00f; }
.foot-con-m { float: left; width: 204px; line-height: 1; }
.foot-con-m dt { float: left; margin-bottom: 32px; width: 100%; font-size: 18px; color: #ffffff; }
.foot-con-m dd { float: left; margin-bottom: 24px; width: 50%; font-size: 14px; }
.foot-con-m dd a { color: #9b9b9b; }
.foot-con-m dd a:hover { color: #b5000d; }
.foot-con-r { float: left; margin-left: 6px; width: 390px; line-height: 1; }
.foot-con-r-h1 { margin-bottom: 32px; font-size: 18px; color: #ffffff; }
.foot-con-r-txt { margin-bottom: 24px; font-size: 14px; color: #9b9b9b; }
.foot-con-wx { float: left;margin-left: 10px; text-align: center; line-height: 1; }
.foot-con-wx img { width: 114px; }
.foot-con-wx-txt { margin-top: 12px; font-size: 14px; color: #9b9b9b; }
.foot-copy { padding: 32px 0; border-top: 1px solid #5d5d5d; line-height: 1; font-size: 12px; color: #9b9b9b; }
.foot-copy a { color: #9b9b9b; }
.foot-copy a:hover { color: #b5000d; }


/* -------------------------------- é¦–é¡µ-æ‚¬æµ® -------------------------------- */
.footer-fixed-contact { position: fixed; left: 0; bottom: 0; z-index: 50; width: 100%; height: 100px; background-color: #ffd97e; -moz-box-shadow: 0px 0px 20px -10px #333333; -webkit-box-shadow: 0px 0px 20px -10px #333333; box-shadow: 0px 0px 20px -10px #333333; -moz-transition: transform .6s ease; -webkit-transition: transform .6s ease; transition: transform .6s ease; }
.footer-fixed-contact-wrap { position: relative; margin: 0 auto; max-width: 1200px; }
.footer-fixed-contact-heard { overflow: hidden; float: left; margin-top: -48px; margin-right: 24px; width: 140px; height: 148px; }
.footer-fixed-contact-wrap-l { float: left; padding: 25px 0; width: 290px; }
.footer-fixed-contact-wrap-l-h2 { margin-bottom: 12px; line-height: 1; font-size: 26px; color: #b5000d; }
.footer-fixed-contact-wrap-l-txt { line-height: 1; font-size: 12px; color: #b5000d; }
.footer-fixed-contact-wrap-l-txt span { color: #333333; }
.footer-fixed-contact-wrap-m { position: relative; float: left; padding: 25px 0; }
#wrongcall1 { display: none;  position: absolute;  top: -48px; left: 50%; margin-left: -75px; padding: 10px; font-size: 14px; color: #009CFF; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.3); -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s;  }
.footer-fixed-contact-wrap-m input { float: left; display: block; padding: 0 24px; width: 286px; height: 46px; border: 2px solid #b5000d; font-size: 14px; }
.footer-fixed-contact-wrap-m input.w161 { width: 161px; }
.footer-fixed-contact-wrap-m-btn { float: left; padding: 0 15px; vertical-align: bottom; cursor: pointer; height: 50px; background-color: #b5000d; line-height: 50px; font-size: 14px; color: #ffffff; }
.footer-fixed-contact-wrap-m-btn i { margin-right: 5px; display: inline-block; width: 18px; height: 18px; background: url(../images/ico-109.png) no-repeat; vertical-align: middle; }
.footer-fixed-contact-wrap-qq { float: left; padding: 0 20px; margin: 25px 24px; vertical-align: bottom; display: block; height: 46px; border: 2px solid #b5000d; line-height: 46px; font-size: 16px; text-align: center; color: #b5000d;  cursor: pointer;  }
.footer-fixed-contact-wrap-tel { float: left; margin: 34px 0; font-size: 24px; color: #b5000d; line-height: 32px; }
.footer-fixed-contact-wrap-tel i { display: inline-block; width: 32px; height: 32px; background: url(../images/index-icon.png) no-repeat; vertical-align: middle; }
.footer-fixed-contact-wrap-colse { float: right; margin: 40px 0; width: 20px; height: 20px; cursor: pointer; line-height: 1; }
.footer-fixed-contact-wrap-open { position: absolute; right: 0; top: 0; width: 40px; height: 100px; background-color: #b5000d; display: none; font-size: 0; cursor: pointer; }
.footer-isClose { -moz-transform: translateX(calc(-100% + 40px)); -webkit-transform: translateX(calc(-100% + 40px)); transform: translateX(calc(-100% + 40px)); }
.footer-isClose .footer-fixed-contact-wrap-open { display: block; }
.swiper_wrap { position: relative; width: 290px; height: 12px; overflow: hidden; }
.swiper_wrap ul { position: relative; top: 0; left: 0; width: 290px; float: left; }


/* -------------------------------- å†…é¡µ-å…¬å…±æ ·å¼ -------------------------------- */
/*å†…é¡µ-å¹»ç¯ç‰‡*/
.nBanner { height: 302px; }
.nBanner-font { position: absolute; left: 0; top: 0; width: 100%; height: 302px; line-height: 1; text-align: center; color: #ffffff; }
.nBanner-font-h2 { margin-bottom: 12px; font-size: 28px;color: #2f2f2f; }
.nBanner-font-h3 { font-size: 14px; text-transform: uppercase; color: #777;}
.nBanner-font-h2  span{ font-size: 32px; text-transform: uppercase; color:#b5000d ;}
/*å†…é¡µ-å¯¼èˆª*/
.nMenu { padding-top: 50px; padding-bottom: 24px; }
.nMenu-nav { float: left; height: 32px; background-color: #f5f5f5; }
.nMenu-nav li { float: left; line-height: 32px; font-size: 14px; }
.nMenu-nav li:last-child { margin-right: 0; }
.nMenu-nav li a { display: block; padding: 0 18px; color: #666666; }
.nMenu-nav li a:hover { background-color: #b5000d; color: #ffffff; }
.nMenu-nav li.nMenu-nav_hover a { background-color: #b5000d !important; color: #ffffff !important; }
/*å†…é¡µ-ä½ç½®*/
.nMenu-bread { float: right; line-height: 32px; font-size: 14px; color: #666666; }
.nMenu-bread a { color: #666666; }
.nMenu-bread a:hover { color: #b5000d; }
/*å†…é¡µ-ç­›é€‰*/
.nFilter { border: 1px solid #dddddd; }
.nFilter dl { position: relative; border-bottom: 1px solid #dddddd; }
.nFilter dl:last-child { border-bottom-width: 0; }
.nFilter dl:after { content: ""; display: block; clear: both }
.nFilter dt { position: absolute; top: 0; left: 0; width: 80px; height: 100%; background-color: #f5f5f5; font-size: 14px; text-align: center; color: #666666; }
.nFilter dd { padding: 10px 18px 10px 98px; }
.nFilter dd a { cursor: pointer; margin: 6px; padding: 6px 10px; display:inline-block; line-height: 1; font-size: 14px; color: #333333; }
.nFilter dd a.on { background-color: #b5000d; color: #ffffff; }
/*å†…é¡µ-æŽ’åº*/
.nSort { padding: 24px 0; }
.nSort-l { float: left; height: 32px; }
.nSort-l li { cursor: pointer; position: relative; float: left; padding-right: 14px; margin-right: 24px; height: 32px; line-height: 32px; font-size: 14px; color: #666666; }
.nSort-l li:last-child { margin-right: 0; padding-right: 0; }
.nSort-l li strong { padding: 0 6px; color: #b5000d; }
.nSort-l-ico { position: absolute; right: 0; top: 50%; margin-top: -4px; width: 7px; height: 9px; }
.nSort-l-ico_item { width: 7px; height: 4px; background-position: 0 0; }
.nSort-l-ico_item-litre { margin-bottom: 1px; background-image: url("../images/ico-47.png"); }
.nSort-l-ico_item-drop { background-image: url("../images/ico-48.png"); }
.nSort-l li.litre .nSort-l-ico_item-litre { background-position: 0 -4px; }
.nSort-l li.drop .nSort-l-ico_item-drop { background-position: 0 -4px; }
.nSort-r { float: right; height: 32px; }
.nSort-r li { position: relative; z-index: 20; float: left; margin-right: 24px; width: 162px; height: 30px; border: 1px solid #dddddd; }
.nSort-r li:last-child { margin-right: 0; width: 282px; }
.select { position: relative; width: 100%; cursor: pointer; }
.select:after { content: ""; position: absolute; top: 50%; right: 10px; margin-top: -2px; border-top: 5px solid #999999; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.select_text {padding: 0 20px 0 10px; height: 30px; line-height: 30px; font-size: 12px; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.select.h46 .select_text { height: 46px; line-height: 46px; font-size: 14px; color: #333333; }
.select_ul { display: none; position: absolute; top:30px; left: -1px; border: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background:#ffffff; }
.select.w102 .select_ul { width: 162px; }
.select.w109 .select_ul { width: 109px; top: 46px; }
.select_ul li { margin: 0 !important; width: 100%; height: 30px !important; line-height: 30px !important; text-indent: 10px; color: #999999; border-width: 0 !important; border-bottom-width: 1px !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; }
.select_ul li:last-child { width: 100%; border-bottom-width: 0 !important;  }
.select_ul li:hover{ background: #b5000d; color: #ffffff; }
.select_ul li.cur { background: #b5000d; color: #ffffff; }
.nSort-r-input { padding-left: 12px; padding-right: 43px; height: 30px; }
.nSort-r-input input { font-size: 12px; }
.nSort-r-input input::-webkit-input-placeholder { font-size: 12px; color: #999999; }
.nSort-r-input input:-moz-placeholder { font-size: 12px; color: #999999; }
.nSort-r-input input::-moz-placeholder { font-size: 12px; color: #999999; }
.nSort-r-input input:-ms-input-placeholder { font-size: 12px; color: #999999; }
.nSort-r-btn { cursor: pointer; position: absolute; right: -1px; top: -1px; width: 32px; height: 32px; background-color: #b5000d; }
/*å†…é¡µ-æŽ¨èæ¨¡å—æ ‡é¢˜*/
.nHot-con { margin-top: 48px; }
.nHot-col { margin-bottom: 24px; line-height: 1; }
.nHot-tit { float: left; padding-left: 24px; border-left: 5px solid #b5000d; font-size: 18px; color: #333333; }
.nHot-more { float: right; display: block; line-height: 18px; font-size: 14px; color: #666666; }
.nHot-list { }
.nHot-list li { position: relative; float: left; margin-right: 24px; width: 282px; }
.nHot-list li:nth-child(4n) { margin-right: 0; }
.nHot-case-img { width: 282px; height: 174px; }
.nHot-case-font { position: relative; padding: 24px 0; background-color: #f5f5f5; line-height: 1; text-align: center; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nHot-case-font_h2 { position: relative; z-index: 10; font-size: 18px; color: #333333; }
.nHot-case-font_h3 { position: relative; z-index: 10; margin-top: 12px; font-size: 14px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nHot-case-font:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nHot-list li:hover .nHot-case-font_h2, .nHot-list li:hover .nHot-case-font_h3 { color: #ffffff; }
.nHot-list li:hover .nHot-case-font:after { height: 100%; }
.nHot-stylist { display: block; }
.nHot-stylist-img { width: 282px; height: 338px; }
.nHot-stylist-font { padding: 24px; background-color: #f5f5f5; line-height: 1; text-align: center; }
.nHot-stylist-font-h2 { font-size: 18px; color: #333333; }
.nHot-stylist-font-h3 { margin-top: 12px; margin-bottom: 24px; font-size: 14px; color: #666666; }
.nHot-stylist-font-h3 a, .nHot-stylist-font-h3 strong { padding-right: 6px; color: #b5000d; }
.nHot-stylist-font-btn { position: relative; display: block; width: 103px; height: 36px; border: 1px solid #dddddd; background-color: #ffffff; line-height: 36px; font-size: 14px; text-align: center; color: #666666;transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nHot-stylist-font-btn span { position: relative; z-index: 2; }
.nHot-stylist-font-btn.fr:after { content: ""; position: absolute; bottom: 0; left: 0; z-index: 1; width: 0; height: 100%; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nHot-list li:hover .nHot-stylist-font-btn.fr { border: 1px solid #b5000d; color: #ffffff; }
.nHot-list li:hover .nHot-stylist-font-btn.fr:after { width: 100%; }
.nHot-engineer-con li { margin-bottom: 24px; }
.nHot-engineer-con li:nth-child(5), .nHot-engineer-con li:nth-child(6), .nHot-engineer-con li:nth-child(7), .nHot-engineer-con li:nth-child(8) { margin-bottom: 0; }
.nHot-engineer { display: block; }
.nHot-engineer-img { width: 282px; height: 174px; }
.nHot-engineer-font { position: absolute; left: 24px; bottom: 12px; padding: 0 12px; width: 210px; height: 32px; background-color: rgba(0,0,0,0.60); line-height: 32px; font-size: 14px; text-align: center; color: #ffffff; -moz-transition: all .25s ease-out .2s; -webkit-transition: all .25s ease-out .2s; transition: all .25s ease-out .2s; }
.nHot-list li:hover .nHot-engineer-font { background-color: rgba(181,0,13,0.60); }
.nHot-property-img { width: 282px; height: 174px; }
.nHot-property-font { position: relative; padding: 24px 0; background-color: #f5f5f5; line-height: 1; text-align: center; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nHot-property-font_h2 { position: relative; z-index: 10; font-size: 18px; color: #333333; }
.nHot-property-font_h3 { position: relative; z-index: 10; margin-top: 12px; font-size: 14px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nHot-property-font:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nHot-list li:hover .nHot-property-font_h2, .nHot-list li:hover .nHot-property-font_h3 { color: #ffffff; }
.nHot-list li:hover .nHot-property-font:after { height: 100%; }
/*å†…é¡µ-ç¿»é¡µ*/
.page-fy { margin-top: 24px; margin-bottom: 24px; height: 32px; line-height: 24px; font-size: 1.4rem; text-align: center; }
.page-fy span { display: inline-block; padding: 2px 12px !important; margin: 0 2px; background-color: #b5000d !important; border: 1px solid #b5000d !important; color: #ffffff !important; }
.page-fy a { display: inline-block; padding: 2px 12px; margin: 0 2px; background-color: #ffffff; color: #999999; border: 1px solid #dddddd; }
.page-fy a:hover { background-color: #b5000d; border: 1px solid #b5000d; color: #ffffff; }
/*å†…é¡µ-æ»šåŠ¨æ¡*/
.zUIpanelScrollBox,.zUIpanelScrollBar{ width: 3px; top: 0; right: 0; }
.zUIpanelScrollBox { background: #f5f5f5; }
.zUIpanelScrollBar { background: #b5000d; }
.nFont-box { height: 100%; overflow: hidden; line-height: 28px; font-size: 14px; text-align: justify; color: #666666; }
.nFont-txt { padding-right: 12px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*å†…é¡µ-ä¸Šä¸‹ç¯‡*/
.page-btn { margin: 24px 0; }
.page-btn li { padding: 0 26px; width: 359px; line-height: 24px; font-size: 14px; }
.page-btn li.prev { text-align: left; background: url(../images/ico-52.png) no-repeat left center; }
.page-btn li.next { text-align: right; background: url(../images/ico-53.png) no-repeat right center; }
.page-btn li a { color: #666666; }
.page-btn li a:hover { color: #b5000d; }
/*å†…é¡µ-å³ä¾§ç›¸å…³ä¿¡æ¯*/
.nContant-r { width: 282px; }
.nContant-r-item { padding: 24px 0; margin-bottom: 24px; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nContant-r-item:last-child { margin-bottom: 0; }
.nContant-r-item.vr { padding: 0; }
.nContant-r-item_col { margin-bottom: 12px; line-height: 1; font-size: 18px; text-align: center; }
.nContant-r-item_head { margin-bottom: 24px; width: 232px; height: 278px; }
.nContant-r-item_name { margin: 12px 0; line-height: 1; font-size: 18px; text-align: center; }
.nContant-r-item_info { line-height: 1; font-size: 14px; text-align: center; color: #666666; }
.nContant-r-item_info strong { padding: 0 6px; color: #b5000d; }
.nContant-r-item_info a { padding: 0 6px; color: #b5000d; }
.nContant-r-item_btn { cursor: pointer; margin-top: 24px; display: block; height: 36px; border: 1px solid #b5000d; background-color: transparent; line-height: 36px; text-align: center; color: #b5000d; }
.nContant-r-item_btn:hover { background-color: #b5000d; color: #ffffff; }
.nContant-r-item_shop { margin-bottom: 24px; width: 232px; height: 143px; }
.nContant-r-item_table-info { line-height: 1; font-size: 14px; text-align: center; color: #666666; }
.nContant-r-item_table { margin-top: 24px; }
.nContant-r-item_table li { margin-bottom: 12px; border: 1px solid #dddddd; height: 46px; }
.nContant-r-item_table li.w109 { width: 109px; }
.nContant-r-item_table li:last-child { border-width: 0; }
.nContant-r-item_table li .nContant-r-item_btn { margin-top: 0; background-color: #b5000d; height: 44px; line-height: 44px; color: #ffffff; }
.nContant-r-item_table-ico { float: left; margin-left: 24px; margin-top: 11px; margin-bottom: 11px; width: 24px; height: 24px; }
.nContant-r-item_table-font { padding-left: 60px; padding-right: 12px; }
.nContant-r-item_table-font input { height: 46px; }
.nContant-r-item_table-txt { line-height: 20px; font-size: 14px; text-align: center; color: #666666; }
.nContant-r-item_table-txt strong { padding: 0 6px; color: #b5000d; }
.nContant-r-item_case { padding-top: 12px; }
.nContant-r-item_case li { margin-bottom: 24px; }
.nContant-r-item_case li:last-child { margin-bottom: 0; }
.nContant-r-item_case-img { float: left; width: 102px; height: 63px; }
.nContant-r-item_case-font { padding-left: 114px; height: 63px; text-align: left;  }
.nContant-r-item_case-font-h2 { max-height: 40px; line-height: 20px; font-size: 14px; color: #333333; text-align: justify; -webkit-line-clamp: 2; }
.nContant-r-item_case-font-h3 { margin-top: 10px; line-height: 1; font-size: 12px; color: #666666; }
.nContant-r-item_case li:hover .nContant-r-item_case-font-h2, .nContant-r-item_case li:hover .nContant-r-item_case-font-h3 { color: #b5000d; }
.nContant-r-item_vr { position: relative; display: block; height: 220px; }
.nContant-r-item_vr-font { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.70); text-align: center; }
.nContant-r-item_vr-font-tit { line-height: 1; font-size: 18px; color: #ffffff; }
.nContant-r-item_vr-font-btn { display: inline-block; margin-top: 24px; width: 100px; height: 28px; background-color: transparent; border: 1px solid #ffffff; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; line-height: 28px; text-align: center; }
.nContant-r-item_vr:hover .nContant-r-item_vr-font-btn { margin-top: 12px; }
.nContant-r-item_number-info { line-height: 1; font-size: 14px; text-align: center; color: #666666; }
.nContant-r-item_number-info span { padding: 0 6px; color: #b5000d; }
.nContant-r-item_number { overflow: hidden; margin-top: 24px; height: 224px; }
.swiper-nRoll { width: 100%; height: 100%; }
.nRoll-font { height: 28px; line-height: 28px; font-size: 14px; color: #666666; }
.nRoll-l { width: 106px; height: 28px; text-align: left; }
.nRoll-r { width: 104px; height: 28px; text-align: right; }
/*å†…é¡µ-è¯¦ç»†é¡µæ ‡é¢˜ æ¥æº å‘å¸ƒæ—¶é—´ åˆ†äº«*/
.nShow-h1 { line-height: 36px; font-size: 24px; text-align: center; color: #333333; }
.nShow-info { margin-top: 12px; line-height: 20px; font-size: 14px; text-align: center; color: #666666; }
.nShow-info-font { position: relative; display: inline-block; margin-right: 12px; }
.nShow-info-font:last-child { margin-right: 0; margin-bottom: -5px; } 
.nShow-info-font i { color: #999999; }
.nShow-info-font .bdsharebuttonbox { display: inline-block; float: left; }
.nShow-info-font .bdshare-button-style1-24 a { float: none !important; display: inline-block!important; font-size: 0 !important; padding-left: 0 !important; line-height: 0 !important; width: 20px; height: 16px !important; background-image: url("../images/ico-51.png") !important; _background-image: url("../images/ico-51.png") !important; margin: 0 6px -3px 0 !important; }
.nShow-info-font .bdshare-button-style1-24 .bds_tsina { background-position: 0 -2px; }
.nShow-info-font .bdshare-button-style1-24 .bds_weixin { background-position: 0 -22px; }
.nShow-info-font .bdshare-button-style1-24 .bds_qzone { background-position: 0 -42px; }
.nShow-info-font  .bdshare-button-style1-24 .bds_sqq { background-position: 0 -62px; }
.nShow-h1.textAlignl, .nShow-info.textAlignl { text-align: left; }
.nShow-font { margin-top: 36px; margin-bottom: 48px; padding-top: 24px; border-top: 1px dotted #dddddd; line-height: 28px; font-size: 14px; color: #666666; text-align: justify; }
.nShow-font img { max-width: 100%; }
.nShow-font iframe { display: block !important; width: 100% !important; height: 523px !important; }
.video-con { margin-top: 36px; height: 523px; }
.video-con iframe { display: block; width: 100%; height: 100%; }
/*å†…é¡µ-æ‰‹é£Žç§¦æ•ˆæžœ*/
.nAccordion-con { padding: 36px 0; }
.nAccordion-tit { margin-bottom: 1px; cursor: pointer; background-color: #f5f5f5; line-height: 28px; font-size: 14px; color: #333333; }
.pd-8-24 { padding: 8px 24px; }
.nAccordion-list { display: -webkit-box; display: -webkit-flex; display: flex; }
.nAccordion-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center; }
.nAccordion-item.txtl { text-align: left; }
.nAccordion-tit.current { background-color: #b5000d; color: #ffffff; }
.nAccordion-tit.current .nAccordion-item-font_tit { color: #ffffff; }
.nAccordion-txt {display: none; padding-bottom: 20px; line-height: 28px; font-size: 14px; text-align: justify; color: #666666; }
.nShow-more { display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 36px; font-size: 14px; text-align: center;;}
/*ä¸‰åˆ—åˆ—è¡¨é¡µ*/
.nList-con { }
.nList-item { padding-bottom: 24px; }
.nList-item li { position: relative; float: left; width: 384px; margin-right: 24px; margin-top: 24px; -moz-transition: all .25s ease-out .2s; -webkit-transition: all .25s ease-out .2s; transition: all .25s ease-out .2s; }
.nList-item li:nth-child(3n) { margin-right: 0; }
.nList-item-img { position: relative; height: 237px; }
.nList-item-time { position: absolute; left: 0; top: 12px; z-index: 10; padding-left: 12px; width: 72px; height: 24px; background-color: #b5000d; line-height: 24px; font-size: 12px; color: #ffffff; }
.nList-item-font { padding: 12px; line-height: 1; font-size: 14px; color: #333333; text-align: center; }
.nList-item li:hover { -moz-transform: translateY(-6px); -webkit-transform: translateY(-6px); transform: translateY(-6px); }
.nList-item li:hover .nList-item-font { color: #b5000d; }
.nList-play { position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 237px; background-image: url("../images/ico-107.png"); background-position: center; background-repeat: no-repeat; background-color: rgba(0,0,0,0.40); }
/*è£èª‰æ»šåŠ¨*/
#certify { position: relative; margin-top: 50px; width: 100%; }
#certify .swiper-container { padding-bottom: 60px; }
#certify  .swiper-slide { width: 588px; height: 363px; background: #ffffff; box-shadow: 0 8px 30px #ddd; }
#certify .swiper-pagination { width: 100%; bottom: 20px; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }
/*å¼¹æ¡†è¡¨å•*/
.bounced-show { bottom: 0px !important; z-index: 999; -moz-wtransition: all 350ms ease; }
.bounced-wrap { position: fixed; width: 100%; height: 100vh; z-index: 99999999; background-color: rgba(0,0,0,0.40); bottom: -100%; }
.bounced-close { position: absolute; right: -11px; top: -11px; width: 30px; height: 30px; background-image: url("../images/ico-106.png"); background-position: 0; cursor: pointer; }
.bounced-con { position: absolute; left: 50%; top: 50%; margin-top: -197px; margin-left: -141px; width: 282px; height: 394px; background-color: #ffffff; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.40); -moz-box-shadow: 0 0 40px rgba(0,0,0,0.40);  box-shadow: 0 0 40px rgba(0,0,0,0.40); }
/*è¯„è®º*/
.nComment {}
.nComment-con { padding: 24px; margin-bottom: 24px; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nComment-col { margin-bottom: 24px; line-height: 1; }
.nComment-col_ico { width: 26px; height: 18px; }
.nComment-col_h2 { padding-left: 12px; font-size: 18px; color: #333333; }
.nComment-con-box { padding-bottom: 48px;}
.nComment-con input { float: left; padding: 12px 24px; width: 358px; border: 1px solid #dddddd; background-color: #ffffff; outline: medium none; font-family: "Noto Sans CJK SC", "Source Han Sans CN", "PingFangSC-Regular", "sans-serif", "Arial"; font-size: 14px; color: #333333; }
.nComment-con-hint { float: left; padding-left: 24px; line-height: 46px; font-size: 14px; color: #b5000d; }
.nComment-con input.code { width: 230px; margin-top: 24px; }
.nComment-con-hint.code { margin-top: 24px; }
.nComment-con-code { float: left; margin-left: 24px; margin-top: 24px; width: 102px; border: 1px solid #b5000d; line-height: 44px; font-size: 14px; text-align: center; color: #b5000d; cursor: pointer; }
.nComment-con-code:hover { background-color: #b5000d; color: #ffffff; }
.nComment-con textarea { padding: 13px 24px; margin-top: 24px; width: 1102px; height: 100px; border: 1px solid #dddddd; outline: medium none;  background-color: #ffffff; font-family: "Noto Sans CJK SC", "Source Han Sans CN", "PingFangSC-Regular", "sans-serif", "Arial"; color: #333333; font-size: 14px; resize: none; }
.nComment-con-btn { margin-top: 24px; width: 282px; background-color: #b5000d; line-height: 48px; font-size: 18px; text-align: center; color: #ffffff; cursor: pointer; }
.nComment-con-list { margin-top: 24px; }
.nComment-con-list li { margin-bottom: 24px; padding: 24px; background-color: #f5f5f5; }
.nComment-con-list-l { float: left; width: 102px; }
.nComment-con-list-l-heard { margin: auto; width: 51px; height: 51px; }
.nComment-con-list-r { padding-left: 102px; }
.nComment-con-list-r-review { padding-top: 6px; }
.nComment-con-list-r-review-name { padding-bottom: 12px; line-height: 1; font-size: 18px; color: #333333; }
.nComment-con-list-r-review-font { line-height: 24px; font-size: 14px; color: #333333; }
.nComment-con-list-r-review-time { padding-top: 24px; line-height: 1; font-size: 14px; color: #999999; }
.nComment-con-list-reply { padding-top: 24px; margin-top: 24px; border-top: 1px solid #ebebeb; line-height: 24px; color: #b5000d; }
.nComment-con-list-reply-name { padding-bottom: 12px; line-height: 1; font-size: 18px; }
.nComment-con-list-reply-font { line-height: 24px; font-size: 14px; }
.bounced-btn { cursor: pointer; }


/* -------------------------------- å†…é¡µ-è£…ä¿®æœåŠ¡-å…¬å…± -------------------------------- */
.nFitment-banner { height: 658px; }
.nFitment-banner-font { position: absolute; left: 0; top: 0; width: 100%; height: 658px; line-height: 1; text-align: center; color: #ffffff; }
.nFitment-banner-font_h1 { margin-bottom: 0; font-size: 50px; }
.nFitment-banner-font_h1 span { color: #b5000d; }
.nFitment-banner-font_h2 { margin: 48px 0; font-size: 20px; text-transform: uppercase; }
.nFitment-banner-font_img { }
.nFitment-banner-font_h3 { margin: 48px 0; font-size: 24px; color: #dedede; }


/* -------------------------------- å†…é¡µ-ä¸ªæ€§åŒ–å®šåˆ¶ -------------------------------- */
.nCustomization-oneStop { padding: 70px 0; background-image: url("../images/bg-04.jpg"); background-repeat: repeat-x; }
.nCustomization-oneStop-col { margin-bottom: 70px; line-height: 1; font-size: 28px; text-align: center; color: #ffffff; }
.nCustomization-oneStop li { position: relative; float: left; margin-right: 100px; width: 160px; }
.nCustomization-oneStop li:nth-child(5) { margin-right: 0; }
.nCustomization-oneStop-box1 { width: 140px; height: 140px; background-color: #ffffff; padding: 10px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.nCustomization-oneStop-box2 { position: relative; width: 140px; height: 140px; background-color: #202020; }
.nCustomization-oneStop-ico { position: absolute; left: 50%; top: 50%; margin-top: -29px; margin-left: -29px; width: 58px; height: 58px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.nCustomization-oneStop-tit { margin-top: 40px; line-height: 1; font-size: 18px; text-align: center; color: #333333; }
.nCustomization-advanced { padding-bottom: 70px; }
.nCustomization-advanced-con { padding: 35px 0; width: 384px; }
.nCustomization-advanced-con.textAlignL{ margin-right: -26px; text-align: left; }
.nCustomization-advanced-con.textAlignR{ margin-left: -26px; text-align: right; }
.nCustomization-advanced-con_item { padding: 80px 0; }
.nCustomization-advanced-con_item-tit { margin-bottom: 8px; line-height: 18px; }
.nCustomization-advanced-con_item-tit-ico { padding: 2px; width: 10px; height: 10px; border: 2px #b5000d solid; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.nCustomization-advanced-con_item-tit-ico_rad { width: 10px; height: 10px; background-color: #b5000d; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.nCustomization-advanced-con_item-tit_h2 { padding: 0 24px; font-size: 18px; font-weight: bold; color: #333333; }
.nCustomization-advanced-con_item-txt { padding: 0 24px; line-height: 24px; font-size: 14px; color: #666666; }
.nCustomization-advanced-con_img { width: 484px; height: 484px; }
.nCustomization-management { padding: 70px 0; background-image: url("../images/bg-05.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nCustomization-management li { float: left; margin-bottom: 24px; width: 588px; height: 180px; background-color: rgba(0,0,0,0.50); }
.nCustomization-management li:nth-child(2n) { float: right; }
.nCustomization-management_img { float: left; width: 180px; height: 180px; }
.nCustomization-management-font { float: left; padding: 0 24px; width: 360px; height: 180px; line-height: 1; color: #ffffff; }
.nCustomization-management-font_h2 { margin-bottom: 12px; font-size: 18px; }
.nCustomization-management-font_h3 { font-size: 14px; }
.nCustomization-feature { padding: 70px 0; }
.nCustomization-feature li { float: left; margin-right: 24px; margin-bottom: 24px; width: 384px; }
.nCustomization-feature li:nth-child(3n) { margin-right: 0; }
.nCustomization-feature_img { width: 384px; height: 237px; }
.nCustomization-feature_h2 { height: 48px; background-color: #f5f5f5; line-height: 48px; font-size: 18px; color: #333333; text-align: center; }
.nCustomization-flow-txt { margin-top: 10px; line-height: 18px; font-size: 12px; text-align: center; color: #666666; }
.nCustomization-enjoy { padding: 70px 0; }
.nCustomization-enjoy-list { padding: 60px 0; }
.nCustomization-enjoy-list li { float: left; margin: 0 74px; width: 250px; height: 250px; border: 1px solid #dddddd; }
.nCustomization-enjoy-list-box { width: 250px; height: 250px; background-color: #f5f5f5; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.nCustomization-enjoy-list-con { width: 250px; height: 250px; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); text-align: center; }
.nCustomization-enjoy-list-con-ico { margin: auto; padding: 32px 0 15px; width: 45px; height: 45px; }
.nCustomization-enjoy-list-con_h2 { line-height: 1; font-size: 18px; color: #666666; }
.nCustomization-enjoy-list-con_font { margin-top: 12px; line-height: 24px; font-size: 14px; color: #666666; }


/* -------------------------------- å†…é¡µ-å•†ä¸šç©ºé—´ -------------------------------- */
.nInterspace-about { padding: 70px 0; background-color: #020204; }
.nInterspace-about-col { margin-bottom: 48px; line-height: 1; font-size: 28px; text-align: center; color: #ffffff; }
.nInterspace-about-col span { color: #b5000d; }
.nInterspace-about_font { line-height: 24px; font-size: 14px; text-align: center; color: #ffffff; }
.nInterspace-oneStop { padding: 70px 0; }
.nInterspace-oneStop li { position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 282px; height: 174px; }
.nInterspace-oneStop li:nth-child(4n) { margin-right: 0; }
.nInterspace-oneStop_img { width: 282px; height: 174px; }
.nInterspace-oneStop-con { position: absolute; left: 0; top: 0; width: 282px; height: 174px; background-color: rgba(0,0,0,0.60); text-align: center; color: #ffffff; }
.nInterspace-oneStop-con_h2 { padding-top: 42px; line-height: 1; font-size: 18px; }
.nInterspace-oneStop-con_line { margin: 12px auto 10px; width: 36px; height: 3px; background-color: #b5000d; }
.nInterspace-oneStop-con_h3 { padding: 0 24px; line-height: 24px; font-size: 14px; }
.nInterspace-case { padding: 70px 0; background-image: url("../images/bg-06.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nInterspace-case li { position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 384px; height: 237px; }
.nInterspace-case li:nth-child(3n) { margin-right: 0; }
.nInterspace-case_img { width: 384px; height: 237px; }
.nInterspace-case_h2 { position: absolute; bottom: 0; left: 0; padding: 12px 24px; width: 336px; background-color: rgba(0,0,0,0.60); }
.nInterspace-case_h2 span { padding-left: 12px; border-left: 3px solid #b5000d; color: #ffffff; line-height: 1; font-size: 14px; }
.nInterspace-case li:hover .nInterspace-case_h2 { background-color: rgba(181,0,13,0.60); }
.nInterspace-case li:hover .nInterspace-case_h2  span  { border-left-color: #ffffff; }
.nInterspace-btn { display: block; margin: 24px auto 0; width: 220px; height: 42px; line-height: 42px; text-align: center; }
.nInterspace-stylist { padding: 70px 0; background-image: url("../images/bg-07.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nInterspace-stylist li { position: relative; float: left; margin-right: 24px; width: 220px; height: 300px; }
.nInterspace-stylist li:nth-child(5) { margin-right: 0; }
.nInterspace-stylist_img { width: 220px; height: 300px; }
.nInterspace-stylist-con { position: absolute; bottom: 0; left: 0; padding: 24px; width: 172px; background-color: rgba(0,0,0,0.60); line-height: 1; text-align: center; color: #ffffff; }
.nInterspace-stylist_h2 { font-size: 18px; }
.nInterspace-stylist_h3 { margin-top: 12px; font-size: 14px; }
.nInterspace-stylist li::before { content: ""; position: absolute; bottom: 0; z-index: 10; width: 100%; height: 0; background-color: #b5000d; -moz-transition: all .25s ease-out .2s; -webkit-transition: all .25s ease-out .2s; transition: all .25s ease-out .2s; }
.nInterspace-stylist li:hover::before { height: 5px; }
.nInterspace-advantage { padding: 70px 0; }
.nInterspace-advantage-con { overflow: hidden; height: 360px; }
.nInterspace-advantage-list { position: relative; left: 50%; margin-left: -600px; }
.nInterspace-advantage-list li { position: relative; float: left; display: inline; height: 360px; background-color: #dee0e2; }
.nInterspace-advantage-list li:nth-child(2n) { background-color: #f6f8fa; }
.nInterspace-advantage-tit { cursor: pointer; position: absolute; top: 0px; left: 0px; padding: 0 29px; width: 44px; height: 360px; color: #ffffff; line-height: 1; }
.nInterspace-advantage-close_tit_h2 { padding-top: 120px; margin-left: 12px; height: 240px; font-size: 18px; color: #333333; writing-mode: vertical-lr; -ms-writing-mode: tb-lr; }
.nInterspace-advantage-close_tit_h3 { padding-top: 120px; height: 240px; font-size: 14px; color: #666666; writing-mode: vertical-lr; -ms-writing-mode: tb-lr; }
.nInterspace-advantage-font { position: absolute; top: 0px; left: 0px; display: none; width: 792px; height: 360px; }
.nInterspace-advantage-open_img { position: relative; width: 690px; height: 360px; }
.nInterspace-advantage-open_img_txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.60); line-height: 24px; font-size: 14px; color: #ffffff; text-align: center; }
.nInterspace-advantage-open_tit { padding: 0 29px; width: 44px; height: 360px; background-color: #b5000d; color: #ffffff; line-height: 1; }
.nInterspace-advantage-open_tit_h2 { padding-top: 120px; margin-left: 12px; height: 240px; font-size: 18px; writing-mode: vertical-lr; -ms-writing-mode: tb-lr; }
.nInterspace-advantage-open_tit_h3 { padding-top: 120px; height: 240px; font-size: 14px; writing-mode: vertical-lr; -ms-writing-mode: tb-lr; }
.nInterspace-advantage-open_tit_ico { position: absolute; top: 50%; margin-top: -15px; right: 88px; width: 28px; height: 30px; }


/* -------------------------------- å†…é¡µ-ç²¾è£…å¥—é¤ -------------------------------- */
.nCombo-about { padding: 70px 0; }
.nCombo-about-l { width: 690px; }
.nCombo-about-l_box1 { width: 486px; height: 384px; }
.nCombo-about-l_box2 { width: 180px; height: 180px; }
.nCombo-about-l_box2.mg-b-24 { margin-bottom: 24px; }
.nCombo-about-r { width: 486px; height: 384px; background-color: #f5f5f5; }
.nCombo-about-r_h2 { padding-left: 30px; background-image: url("../images/ico-87.png"); background-repeat: no-repeat; background-position: left center; line-height: 1; font-size: 24px; color: #333333; }
.nCombo-about-r_h2 span { color: #b5000d; }
.nCombo-about-r_font { margin-top: 18px; line-height: 24px; font-size: 14px; line-height: 28px; color: #666666; }
.nCombo-oneStop { padding: 70px 0; background-image: url("../images/bg-10.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nCombo-oneStop li { float: left; margin: 0 29px; width: 180px; height: 180px; border: 1px solid #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=0 ); line-height: 1; text-align: center; }
.nCombo-oneStop_h2 { font-size: 18px; color: #333333; }
.nCombo-oneStop_h3 { margin-top: 12px; font-size: 14px; text-transform: uppercase; color: #666666; }
.nCombo-select { padding: 70px 0; }
.nCombo-select li { position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 384px; }
.nCombo-select li:nth-child(3n) { margin-right: 0; }
.nCombo-select_img { width: 384px; height: 237px; }
.nCombo-select-con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.60); line-height: 1; color: #ffffff; text-align: center; }
.nCombo-select_h2 { font-size: 18px; }
.nCombo-select_h3 { margin-top: 12px; font-size: 14px; text-transform: uppercase; }
.nCombo-blue { padding: 70px 0; background-image: url("../images/bg-11.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nCombo-blue li { float: left; width: 240px; height: 240px; line-height: 1; text-align: center; background-color: rgba(250,250,250,0.50); }
.nCombo-blue li:nth-child(2n) { background-color: rgba(250,250,250,0.30); }
.nCombo-blue_h2 { font-size: 24px; font-weight: bold; color: #b5000d; }
.nCombo-blue_h3 { margin-top: 24px; font-size: 18px; color: #333333; }
.nCombo-logo { padding: 70px 0; }
.nCombo-logo li { float: left; margin-right: 24px; margin-bottom: 24px; border: 1px solid #dddddd; width: 280px; height: 173px; line-height: 1; text-align: center; }
.nCombo-logo li:nth-child(4n) { margin-right: 0; }
.nCombo-logo_img { overflow: hidden; position: relative; display: table; float:left; width: 280px; height: 120px; text-align: center; }  
.nCombo-logo_img span { display: table-cell; vertical-align: middle; width: 280px; height: 120px; }
.nCombo-logo_img span img{ margin: 0 auto; max-width: 280px; max-height: 120px; }
*+html .nCombo-logo_img span { vertical-align: baseline; position: absolute; top: 50%; width: 100%; height: auto; text-align: center; }
*+html .nCombo-logo_img span img{ position: relative; top: -50%; left: -50%; }
.nCombo-logo_h2 { font-size: 18px; color: #666666; }
.nCombo-safeguard { padding: 70px 0; background-color: #f5f5f5; }
.nCombo-safeguard li { float: left; margin-right: 24px; width: 220px; height: 136px; line-height: 1; text-align: center; background-color: #ffffff;; }
.nCombo-safeguard li:nth-child(5) { margin-right: 0; }
.nCombo-safeguard-ico { width: 56px; height: 56px; }
.nCombo-safeguard_h2 { margin-top: 12px; font-size: 18px; color: #333333; }
.nCombo-commitment { padding: 70px 0; }
.nCombo-commitment-list { padding: 60px 0; }
.nCombo-commitment-list li { float: left; margin: 0 74px; width: 250px; height: 250px; border: 1px solid #dddddd; }
.nCombo-commitment-list-box { width: 250px; height: 250px; background-color: #f5f5f5; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.nCombo-commitment-list-con { width: 250px; height: 250px; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); text-align: center; }
.nCombo-commitment-list-con_h2 { line-height: 1; font-size: 18px; color: #666666; }
.nCombo-commitment-list-con_font { margin-top: 6px; line-height: 24px; font-size: 14px; color: #666666; }


/* -------------------------------- å†…é¡µ- å¸œç¾Žä¼˜é€‰ -------------------------------- */
.nOptimization-about { padding: 70px 0; }
.nOptimization-about-l { width: 690px; }
.nOptimization-about-l_box1 { width: 486px; height: 384px; }
.nOptimization-about-l_box2 { width: 180px; height: 180px; }
.nOptimization-about-l_box2.mg-b-24 { margin-bottom: 24px; }
.nOptimization-about-r { width: 486px; height: 384px; background-color: #f5f5f5; }
.nOptimization-about-r_h2 { padding-left: 30px; background-image: url("../images/ico-87.png"); background-repeat: no-repeat; background-position: left center; line-height: 1; font-size: 24px; color: #333333; }
.nOptimization-about-r_h2 span { color: #b5000d; }
.nOptimization-about-r_font { margin-top: 18px; line-height: 24px; font-size: 14px; line-height: 28px; color: #666666; }
.nOptimization-oneStop { padding: 70px 0; background-image: url("../images/bg-12.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nOptimization-oneStop_font { line-height: 24px; font-size: 14px; text-align: center; color: #333333; }
.nOptimization-select { padding: 70px 0; }
.nOptimization-select li { position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 384px; }
.nOptimization-select li:nth-child(3n) { margin-right: 0; }
.nOptimization-select_img { width: 384px; height: 237px; }
.nOptimization-select-con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.60); line-height: 1; color: #ffffff; text-align: center; }
.nOptimization-select_h2 { font-size: 18px; }
.nOptimization-select_h3 { margin-top: 12px; font-size: 14px; text-transform: uppercase; }
.nOptimization-blue { padding: 70px 0; background-image: url("../images/bg-11.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nOptimization-blue li { float: left; width: 240px; height: 240px; line-height: 1; text-align: center; background-color: rgba(250,250,250,0.50); }
.nOptimization-blue li:nth-child(2n) { background-color: rgba(250,250,250,0.30); }
.nOptimization-blue_h2 { font-size: 24px; font-weight: bold; color: #b5000d; }
.nOptimization-blue_h3 { margin-top: 24px; font-size: 18px; color: #333333; }
.nOptimization-logo { padding: 70px 0; background-color: #f5f5f5; }
.nOptimization-logo li { float: left; margin-right: 24px; margin-bottom: 24px; border: 1px solid #dddddd; width: 280px; height: 173px; line-height: 1; text-align: center; }
.nOptimization-logo li:nth-child(4n) { margin-right: 0; }
.nOptimization-logo_img { overflow: hidden; position: relative; display: table; float:left; width: 280px; height: 120px; text-align: center; }  
.nOptimization-logo_img span { display: table-cell; vertical-align: middle; width: 280px; height: 120px; }
.nOptimization-logo_img span img{ margin: 0 auto; max-width: 280px; max-height: 120px; }
*+html .nOptimization-logo_img span { vertical-align: baseline; position: absolute; top: 50%; width: 100%; height: auto; text-align: center; }
*+html .nOptimization-logo_img span img{ position: relative; top: -50%; left: -50%; }
.nOptimization-logo_h2 { font-size: 18px; color: #666666; }
.nOptimization-safeguard { padding: 70px 0; background-color: #f5f5f5; }
.nOptimization-safeguard li { float: left; margin-right: 24px; width: 220px; height: 136px; line-height: 1; text-align: center; background-color: #ffffff;; }
.nOptimization-safeguard li:nth-child(5) { margin-right: 0; }
.nOptimization-safeguard-ico { width: 56px; height: 56px; }
.nOptimization-safeguard_h2 { margin-top: 12px; font-size: 18px; color: #333333; }
.nOptimization-commitment { padding: 70px 0; }
.nOptimization-commitment-list { padding: 60px 0; }
.nOptimization-commitment-list li { float: left; margin: 0 74px; width: 250px; height: 250px; border: 1px solid #dddddd; }
.nOptimization-commitment-list-box { width: 250px; height: 250px; background-color: #f5f5f5; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.nOptimization-commitment-list-con { width: 250px; height: 250px; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); text-align: center; }
.nOptimization-commitment-list-con_h2 { line-height: 1; font-size: 18px; color: #666666; }
.nOptimization-commitment-list-con_font { margin-top: 6px; line-height: 24px; font-size: 14px; color: #666666; }


/* -------------------------------- å†…é¡µ- éº¦ä¸°ä¸¥é€‰ -------------------------------- */
.nBoutique-why { padding: 70px 0; background-color: #f5f5f5; }
.nBoutique-why-heard { width: 292px; height: 292px; border: 10px solid #dddddd; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.nBoutique-why-heard_img { width: 282px; height: 282px; border: 5px solid #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.nBoutique-why-con { padding-bottom: 85px; }
.nBoutique-why-item { position: absolute; }
.nBoutique-why-item.box1 { top: 30px; left: 191px; }
.nBoutique-why-item.box2 { top: 188px; left: 99px; }
.nBoutique-why-item.box3 { bottom: 0; left: 350px; }
.nBoutique-why-item.box4 { bottom: 137px; right: 152px; }
.nBoutique-why-item.box5 { top: 50px; right: 136px; }
.nBoutique-why-item-ico { margin: 16px 0; padding: 2px; width: 10px; height: 10px; border: 1px solid #b5000d; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.nBoutique-why-item-icon { width: 10px; height: 10px; background-color: #b5000d; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.nBoutique-why-item-line { margin: 23px 0; width: 90px; height: 1px; background-color: #dddddd; }
.nBoutique-why-item-font { padding: 0 24px; border: 1px solid #dddddd; background-color: #ebebeb; line-height: 46px; font-size: 18px; color: #333333; }
.nBoutique-why-item-font.bgcolor  { background-color: #ffebe3; }
.nBoutique-logo { padding: 70px 0; }
.nBoutique-logo li { float: left; margin-right: 24px; margin-bottom: 24px; border: 1px solid #dddddd; width: 280px; height: 173px; line-height: 1; text-align: center; }
.nBoutique-logo li:nth-child(4n) { margin-right: 0; }
.nBoutique-logo_img { overflow: hidden; position: relative; display: table; float:left; width: 280px; height: 120px; text-align: center; }  
.nBoutique-logo_img span { display: table-cell; vertical-align: middle; width: 280px; height: 120px; }
.nBoutique-logo_img span img{ margin: 0 auto; max-width: 280px; max-height: 120px; }
*+html .nBoutique-logo_img span { vertical-align: baseline; position: absolute; top: 50%; width: 100%; height: auto; text-align: center; }
*+html .nBoutique-logo_img span img{ position: relative; top: -50%; left: -50%; }
.nBoutique-logo_h2 { font-size: 18px; color: #666666; }
.nBoutique-select { padding: 70px 0; background-color: #f5f5f5; }
.nBoutique-select li { position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 384px; }
.nBoutique-select li:nth-child(3n) { margin-right: 0; }
.nBoutique-select_img { width: 384px; height: 237px; }
.nBoutique-select_h2 { position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; background-color: rgba(0,0,0,0.60); line-height: 48px; font-size: 18px; color: #ffffff; text-align: center;  }


/* -------------------------------- å†…é¡µ-å…¨æˆ¿è½¯è£… -------------------------------- */
.nEntire-about { padding: 70px 0; background-image: url("../images/bg-09.jpg"); background-repeat: no-repeat; background-position: top center; }
.nEntire-about-col { margin-bottom: 48px; line-height: 1; font-size: 28px; text-align: center; color: #ffffff; }
.nEntire-about-col span { color: #b5000d; }
.nEntire-about_font { margin-bottom: 70px; line-height: 24px; font-size: 14px; text-align: center; color: #ffffff; }
.nEntire-about_list { }
.nEntire-about_list li { overflow: hidden; position: relative; float: left; margin-right: 24px; width: 160px; height: 160px; border: 10px solid #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.nEntire-about_list li:nth-child(6) { margin-right: 0; }
.nEntire-about_list_img { width: 160px; height: 160px; }
.nEntire-about_list-font { position: absolute; left: 0; top: 0; width: 160px; height: 160px; background-color: rgba(0,0,0,0.60); line-height: 1; font-size: 18px; text-align: center; color: #ffffff; }
.nEntire-case { padding-bottom: 70px; }
.nEntire-case li { position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 384px; height: 237px; }
.nEntire-case li:nth-child(3n) { margin-right: 0; }
.nEntire-case_img { width: 384px; height: 237px; }
.nEntire-case_h2 { position: absolute; bottom: 0; left: 0; padding: 12px 24px; width: 336px; background-color: rgba(0,0,0,0.60); }
.nEntire-case_h2 span { padding-left: 12px; border-left: 3px solid #b5000d; color: #ffffff; line-height: 1; font-size: 14px; }
.nEntire-case li:hover .nEntire-case_h2 { background-color: rgba(181,0,13,0.60); }
.nEntire-case li:hover .nEntire-case_h2  span  { border-left-color: #ffffff; }
.nEntire-btn { display: block; margin: 24px auto 0; width: 220px; height: 42px; line-height: 42px; text-align: center; }
.nEntire-stylist { padding: 70px 0; background-image: url("../images/bg-07.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nEntire-stylist li { position: relative; float: left; margin-right: 24px; width: 220px; height: 300px; }
.nEntire-stylist li:nth-child(5) { margin-right: 0; }
.nEntire-stylist_img { width: 220px; height: 300px; }
.nEntire-stylist-con { position: absolute; bottom: 0; left: 0; padding: 24px; width: 172px; background-color: rgba(0,0,0,0.60); line-height: 1; text-align: center; color: #ffffff; }
.nEntire-stylist_h2 { font-size: 18px; }
.nEntire-stylist_h3 { margin-top: 12px; font-size: 14px; }
.nEntire-stylist li::before { content: ""; position: absolute; bottom: 0; z-index: 10; width: 100%; height: 0; background-color: #b5000d; -moz-transition: all .25s ease-out .2s; -webkit-transition: all .25s ease-out .2s; transition: all .25s ease-out .2s; }
.nEntire-stylist li:hover::before { height: 5px; }
.nEntire-furniture { padding: 70px 0; }
.nEntire-furniture li { position: relative; float: left; margin-right: 24px; width: 220px; height: 320px; }
.nEntire-furniture li:nth-child(5n) { margin-right: 0; }
.nEntire-furniture_img { width: 220px; height: 320px; }
.nEntire-furniture-con { position: absolute; left: 0; top: 0; padding-top: 54px; width: 220px; height: 266px; background-color: rgba(0,0,0,0.60); color: #ffffff; }
.nEntire-furniture-box { margin: auto; width: 90px; height: 90px; background-color: rgba(0,0,0,0.60); transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.nEntire-furniture_h2 {  width: 90px; height: 90px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); line-height: 1; font-size: 18px; text-align: center; }
.nEntire-furniture_font { padding: 38px 24px 0; line-height: 24px; font-size: 14px; text-align: center;}


/* -------------------------------- å†…é¡µ-è£…ä¿®æ¡ˆä¾‹ -------------------------------- */
/*åˆ—è¡¨é¡µ*/
.nCases { padding-bottom: 22px; background-color: #ffffff; }
.nCases li { overflow: hidden; position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 382px; background-color: #f5f5f5; border: 1px solid #dddddd; }
.nCases li:nth-child(3n){ margin-right: 0; }
.nCases-img { width: 382px; height: 236px; }
.nCases-font { position: relative; padding: 24px 0; line-height: 1; text-align: center; }
.nCases-font_h2 { position: relative; z-index: 10; font-size: 18px; color: #333333; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nCases-font_h3 { position: relative; z-index: 10; margin-top: 12px; font-size: 14px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nCases-font:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nCases li:hover .nCases-font_h2, .nCases li:hover .nCases-font_h3 { color: #ffffff; }
.nCases li:hover .nCases-font:after { height: 100%; }


.nCases2a { padding-bottom: 22px; background-color: #ffffff; }
.nCases2a li { overflow: hidden; position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 280px;/* background-color: #f5f5f5; border: 1px solid #dddddd;    border-radius: 20px; */}
.nCases2a li:nth-child(4n){ margin-right: 0; }
.nCases-img2a { width: 100%; height: 186px; }
.nCases-font2a { position: relative; padding: 10px 0; line-height: 1; text-align: center;  }
.nCases-font_h22a { position: relative; z-index: 10; font-size: 16px; color: #444; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nCases-font_h32a { position: relative; z-index: 10; margin-top: 12px; font-size: 14px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nCases-font2a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nCases2a li:hover .nCases-font_h22a, .nCases li:hover .nCases-font_h3 { color: #ffffff; }
.nCases2a li:hover .nCases-font2a:after { height: 100%; }



.nnCases2a { padding-bottom: 22px; background-color: #ffffff; }
.nnCases2a li { overflow: hidden;
    position: relative;
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;
    width: 218px;
   /* background-color: #e6e6e6;
    border: 1px solid #f3f3f3;
    border-radius: 15px; */
    box-shadow: 0px 4px 4px #ddd;}
.nnCases2a li:nth-child(5n){ margin-right: 0; }
.nnCases-img2a { width: 100%; height: 166px; }
.nnCases-font2a { position: relative; padding: 10px 0; line-height: 1; text-align: center; }
.nnCases-font_h22a { position: relative; z-index: 10; font-size: 14px; color: #444; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nnCases-font_h32a { position: relative; z-index: 10; margin-top: 12px; font-size: 14px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nnCases-font2a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nnCases2a li:hover .nnCases-font_h22a, .nCases li:hover .nCases-font_h3 { color: #ffffff; }
.nnCases2a li:hover .nnCases-font2a:after { height: 100%; }
.pd-0-14 {
    padding: 0 14px;}

/*è¯¦ç»†é¡µ*/
.nCaseShow { padding-bottom: 22px; background-color: #ffffff; }
.nCaseShow-l { padding: 24px 0; width: 894px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nCaseShow-parameter { position: relative; margin-top: 48px; line-height: 1; text-align: center; }
.nCaseShow-parameter li { position: relative; float: left; padding: 24px 0; width: 282px; }
.nCaseShow-parameter li:nth-child(3n) { border-right-width: 0; }
.nCaseShow-parameter-txt { font-size: 18px; }
.nCaseShow-parameter-txt a { color: #333333; }
.nCaseShow-parameter-txt a:hover { color: #b5000d; }
.nCaseShow-parameter-tit { margin-top: 12px; font-size: 14px; color: #666666; }
.nCaseShow-parameter:after { content: ""; position: absolute; top: 50%; left: 0; z-index: 1; width: 100%; height: 1px; background-color: #f2f2f2; }
.nCaseShow-parameter li:after { content: ""; position: absolute; top: 50%; right: 0; z-index: 1; margin-top: -22px; width: 1px; height: 44px; background-color: #f2f2f2; }
.nCaseShow-parameter li:nth-child(3n)::after { display: none; }
.nCaseShow-idea { margin-top: 48px; padding: 24px; background-color: #f5f5f5; }
.nCaseShow-idea-con { width: 387px;/* height: 239px; */}
.nCaseShow-idea-con-tit { padding-left: 12px; border-left: 3px solid #b5000d; line-height: 1; font-size: 18px; color: #333333; }
.nCaseShow-idea-con-font { position: relative; overflow: hidden; margin-top: 18px; /* height: 203px; */ }
.swiper-nCaseShow { width: 100%; height: 100%; }
.nCaseShow-idea-con .swiper-button-next, .nCaseShow-idea-con .swiper-button-prev { width: 18px; height: 32px; margin-top: -16px; background-size: 18px 32px; padding: 6px; background-color: rgba(255,255,255,0.50) }
.nCaseShow-idea-con .swiper-button-prev, .nCaseShow-idea-con .swiper-container-rtl .swiper-button-next { background-image: url("../images/ico-30.png"); left: 0px; right: auto; }
.nCaseShow-idea-con .swiper-button-next, .nCaseShow-idea-con.swiper-container-rtl .swiper-button-prev { background-image: url("../images/ico-31.png"); right: 0px; left: auto; }
.nCaseShow-font { margin-top: 48px; }
.nCaseShow-menu { height: 43px; line-height: 42px; text-align: center; }
.nCaseShow-menu li { cursor: pointer; position: relative; z-index: 1; float: left; width: 118px; border:1px solid #ffffff; font-size: 18px; text-align: center; color: #666666; }
.nCaseShow-menu li.hover { z-index: 3; margin-bottom: 1px; border-color: #dddddd; border-bottom-color: #ffffff; color: #666666 }
.nCaseShow-font-con { position: relative; z-index: 2; border-top:1px solid #dddddd; padding-top: 24px; text-align: center; }
.nCaseShow-font-con img { margin: 12px 0; max-width: 100%; }


/* -------------------------------- å†…é¡µ-å®¶å±…ç¾Žå›¾ -------------------------------- */
/*åˆ—è¡¨é¡µ*/
.nPicture { padding-bottom: 22px; background-color: #ffffff; }
.nPicture li { overflow: hidden; position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 382px; background-color: #f5f5f5; border: 1px solid #dddddd; }
.nPicture li:nth-child(3n){ margin-right: 0; }
.nPicture-img { width: 382px; height: 236px; }
.nPicture-font { position: relative; padding: 24px 0; line-height: 1; text-align: center; }
.nPicture-font_h2 { position: relative; z-index: 10; font-size: 18px; color: #333333; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nPicture-font_h3 { position: relative; z-index: 10; margin-top: 12px; font-size: 14px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nPicture-font:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nPicture li:hover .nPicture-font_h2, .nPicture li:hover .nPicture-font_h3 { color: #ffffff; }
.nPicture li:hover .nPicture-font:after { height: 100%; }
/*è¯¦ç»†é¡µ*/
.nPictureShow { padding-bottom: 22px; background-color: #ffffff; }
.nPictureShow-l { padding: 24px 0; width: 894px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nPictureShow-con { overflow: hidden; position: relative; margin-top: 24px; text-align: center; }
.nPictureShow-con img { max-width: 100%; }
.nPictureShow-con a { position: absolute; top: 0; display: block; width: 50%; height: 100%; }
.nPictureShow-con a.left { left: 0; cursor: w-resize; }
.nPictureShow-con a.right { right: 0; cursor: e-resize; }
.nPictureShow-style dt { margin-bottom: 10px; line-height: 1; font-size: 18px; color: #333333; }
.nPictureShow-style dd { float: left; padding-right: 12px; line-height: 24px; font-size: 14px; }
.nPictureShow-style dd a { color: #666666; }
.nPictureShow-style dd a:hover { color: #b5000d; }
.nPictureShow-line { margin: 24px 0; height: 1px; background-color: #dddddd; }
.nPictureShow-img { float: left; overflow: hidden; width: 78px; height: 78px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.nPictureShow-font { float: right; padding-left: 24px; width: 132px; height: 78px; }
.nPictureShow-font_h2 { margin-bottom: 6px; line-height: 1; font-size: 14px; color: #333333; }
.nPictureShow-font_txt { line-height: 20px; font-size: 12px; color: #666666; }


/* -------------------------------- å†…é¡µ-çƒ­é—¨æ¥¼ç›˜ -------------------------------- */
/*åˆ—è¡¨é¡µ*/
.nBuild { padding-bottom: 22px; background-color: #ffffff; }
.nBuild-l { padding: 0 0 24px; width: 894px; }
.nBuild-l li { overflow: hidden; position: relative; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px dotted #dddddd; }
.nBuild-l-img { float: left; width: 282px; height: 174px; }
.nBuild-l-font { float: right; width: 588px; height: 174px; }
.nBuild-l-font dt { height: 38px; }
.nBuild-l-font-h2 { width: 408px; line-height: 38px; font-size: 18px; }
.nBuild-l-font-h2 a { color: #333333; }
.nBuild-l-font-btn { cursor: pointer; padding: 0 24px; border: 1px solid #dddddd; line-height: 34px; font-size: 14px; color: #999999; }
.nBuild-l li:hover .nBuild-l-font-btn { border-color: #b5000d; background-color: #b5000d; color: #ffffff; }
.nBuild-l li:hover .nBuild-l-font-h2 a { color: #b5000d; }
.nBuild-l-font dd { float: left; padding: 12px 0; width: 196px; line-height: 1; font-size: 14px; color: #666666; }
.nBuild-l-font dd:last-child { width: 100%; }
.nBuild-l-font dd a { color: #666666; }
.nBuild-l-font dd a:hover { color: #b5000d; }
.nBuild-l-txt { margin-top: 24px; line-height: 1; font-size: 14px; color: #666666; }
/*è¯¦ç»†é¡µ*/
.nBuildShow { padding-bottom: 22px; background-color: #ffffff; }
.nBuildShow-l { padding: 24px 0; width: 894px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nBuildShow-parameter { position: relative; margin-top: 48px; line-height: 1; text-align: center; }
.nBuildShow-parameter li { position: relative; float: left; padding: 24px 0; width: 282px; }
.nBuildShow-parameter li:nth-child(3n) { border-right-width: 0; }
.nBuildShow-parameter-txt { font-size: 18px; }
.nBuildShow-parameter-txt a { color: #333333; }
.nBuildShow-parameter-txt a:hover { color: #b5000d; }
.nBuildShow-parameter-tit { margin-top: 12px; font-size: 14px; color: #666666; }
.nBuildShow-parameter li:after { content: ""; position: absolute; top: 50%; right: 0; z-index: 1; margin-top: -22px; width: 1px; height: 44px; background-color: #f2f2f2; }
.nBuildShow-parameter li:nth-child(3n)::after { display: none; }
.nBuildShow-idea { margin-top: 48px; padding: 24px; background-color: #f5f5f5; }
.nBuildShow-idea-con { width: 387px; height: 239px; }
.nBuildShow-idea-con-tit { padding-left: 12px; border-left: 3px solid #b5000d; line-height: 1; font-size: 18px; color: #333333; }
.nBuildShow-idea-con-font { position: relative; overflow: hidden; margin-top: 18px; height: 203px; }
.swiper-nBuildShow { width: 100%; height: 100%; }
.nBuildShow-idea-con .swiper-button-next, .nBuildShow-idea-con .swiper-button-prev { width: 18px; height: 32px; margin-top: -16px; background-size: 18px 32px; padding: 6px; background-color: rgba(255,255,255,0.50) }
.nBuildShow-idea-con .swiper-button-prev, .nBuildShow-idea-con .swiper-container-rtl .swiper-button-next { background-image: url("../images/ico-30.png"); left: 0px; right: auto; }
.nBuildShow-idea-con .swiper-button-next, .nBuildShow-idea-con.swiper-container-rtl .swiper-button-prev { background-image: url("../images/ico-31.png"); right: 0px; left: auto; }
.nBuildShow-font { margin-top: 48px; }
.nBuildShow-menu { height: 43px; line-height: 42px; text-align: center; }
.nBuildShow-menu li { cursor: pointer; position: relative; z-index: 1; float: left; width: 139px; border:1px solid #ffffff; font-size: 18px; text-align: center; color: #666666; }
.nBuildShow-menu li.hover { z-index: 3; margin-bottom: 1px; border-color: #dddddd; border-bottom-color: #ffffff; color: #666666 }
.nBuildShow-font-con { position: relative; z-index: 2; border-top:1px solid #dddddd; padding-top: 24px; }
/*è¯¦ç»†é¡µ-åœ¨æ–½å·¥åœ°*/
.nBuildShow-site { }
.nBuildShow-site li { overflow: hidden; position: relative; padding-bottom: 24px; }
.nBuildShow-site-img { float: left; width: 266px; height: 164px; }
.nBuildShow-site-img a { display: block; width: 100%; height: 100%; }
.nBuildShow-site-font { float: right; width: 556px; height: 164px; }
.nBuildShow-site-font dt { padding-bottom: 6px; height: 38px; }
.nBuildShow-site-font-h2 { width: 408px; line-height: 38px; font-size: 16px; }
.nBuildShow-site-font-h2 a { color: #333333; }
.nBuildShow-site-font-btn { cursor: pointer; margin: 5px 0; padding: 0 12px; border: 1px solid #dddddd; line-height: 26px; font-size: 12px; color: #999999; }
.nBuildShow-site li:hover .nBuildShow-site-font-btn { border-color: #b5000d; background-color: #b5000d; color: #ffffff; }
.nBuildShow-site li:hover .nBuildShow-site-font-h2 a { color: #b5000d; }
.nBuildShow-site-font dd { float: left; padding: 6px 0; width: 185px; line-height: 1; font-size: 12px; color: #666666; }
.nBuildShow-site-progress { padding-top: 18px; }
.nBuildShow-site-progress-item { position: relative; width: 125px; float: left; left: -15px; } 
.nBuildShow-site-progress-item:before { content: ''; float: left; width: 100%; height: 1px; margin-top: 7px; background-color: #dddddd; position: relative; right: 8px; }
.nBuildShow-site-progress-item:first-child { width: 54px; }
.nBuildShow-site-progress-item:first-child:before { background-color: #ffffff !important; }
.nBuildShow-site-progress-item i { position: absolute; width: 15px; height: 15px; border-radius: 50%; text-align: center; line-height: 15px; border: 1px solid #dddddd; background-color: #fff; z-index: 1; right: 5px; font-size: 12px; }
.nBuildShow-site-progress-item span { float: right; margin-top: 17px; font-size: 12px; width: 48px; display: block; color: #666666; margin-left: 5px; position: relative; left: 11px; text-align: center; }
.nBuildShow-site-progress-item.iconfont:before { background-color: #b5000d; }
.nBuildShow-site-progress-item.iconfont i { background-color: #b5000d; background-image:url("../images/ico-54.png"); background-repeat: no-repeat; background-position: center; }
.nBuildShow-site-progress-item.iconfont i, .nBuildShow-site-progress-item.iconfont span { color: #b5000d; border-color: #b5000d; }
/*è¯¦ç»†é¡µ-æˆ·åž‹è§£æž*/
.nBuildShow-analysis { }
.nBuildShow-analysis li { overflow: hidden; position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 264px; background-color: #f5f5f5; }
.nBuildShow-analysis li:nth-child(3n){ margin-right: 0; }
.nBuildShow-analysis-img { width: 266px; height: 164px; }
.nBuildShow-analysis-font { position: relative; padding: 12px 0; line-height: 1; text-align: center; }
.nBuildShow-analysis-font_h2 { position: relative; z-index: 10; font-size: 16px; color: #333333; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nBuildShow-analysis-font_h3 { position: relative; z-index: 10; margin-top: 12px; font-size: 12px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nBuildShow-analysis-font:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nBuildShow-analysis li:hover .nBuildShow-analysis-font_h2, .nBuildShow-analysis li:hover .nBuildShow-analysis-font_h3 { color: #ffffff; }
.nBuildShow-analysis li:hover .nBuildShow-analysis-font:after { height: 100%; }
/*è¯¦ç»†é¡µ-ç›¸å…³æ¡ˆä¾‹*/
.nBuildShow-case { }
.nBuildShow-case li { overflow: hidden; position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 264px; background-color: #f5f5f5; }
.nBuildShow-case li:nth-child(3n){ margin-right: 0; }
.nBuildShow-case-img { width: 266px; height: 164px; }
.nBuildShow-case-font { position: relative; padding: 12px 0; line-height: 1; text-align: center; }
.nBuildShow-case-font_h2 { position: relative; z-index: 10; font-size: 16px; color: #333333; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nBuildShow-case-font_h3 { position: relative; z-index: 10; margin-top: 12px; font-size: 12px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nBuildShow-case-font:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nBuildShow-case li:hover .nBuildShow-case-font_h2, .nBuildShow-case li:hover .nBuildShow-case-font_h3 { color: #ffffff; }
.nBuildShow-case li:hover .nBuildShow-case-font:after { height: 100%; }
/*è¯¦ç»†é¡µ-æœåŠ¡å›¢é˜Ÿ*/
.nBuildShow-team { }
.nBuildShow-team li { overflow: hidden; position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 266px; background-color: #f5f5f5; }
.nBuildShow-team li:nth-child(3n){ margin-right: 0; }
.nBuildShow-team-img { width: 266px; height: 318px; }
.nBuildShow-team-font { padding: 12px 24px; background-color: #f5f5f5; line-height: 1; text-align: center; }
.nBuildShow-team-font-h2 { font-size: 16px; color: #333333; }
.nBuildShow-team-font-h3 { margin-top: 12px; margin-bottom: 12px; font-size: 12px; color: #666666; }
.nBuildShow-team-font-h3 a, .nBuildShow-team-font-h3 strong { padding-right: 6px; color: #b5000d; }
.nBuildShow-team-font-btn { cursor: pointer; position: relative; display: block; width: 103px; height: 36px; border: 1px solid #dddddd; background-color: #ffffff; line-height: 36px; font-size: 12px; text-align: center; color: #666666;transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nBuildShow-team-font-btn span { position: relative; z-index: 2; }
.nBuildShow-team-font-btn.fr:after { content: ""; position: absolute; bottom: 0; left: 0; z-index: 1; width: 0; height: 100%; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nBuildShow-team li:hover .nBuildShow-team-font-btn.fr { border: 1px solid #b5000d; color: #ffffff; }
.nBuildShow-team li:hover .nBuildShow-team-font-btn.fr:after { width: 100%; }


/* -------------------------------- å†…é¡µ-åœ¨æ–½å·¥åœ° -------------------------------- */
/*åˆ—è¡¨é¡µ*/
.nSite { padding-bottom: 22px; background-color: #ffffff; }
.nSite-l { padding: 0 0 24px; width: 894px; }
.nSite-l li { overflow: hidden; position: relative; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px dotted #dddddd; }
.nSite-l-img { float: left; width: 282px; height: 174px; }
.nSite-l-font { float: right; width: 588px; height: 174px; }
.nSite-l-font dt { height: 38px; }
.nSite-l-font-h2 { width: 408px; line-height: 38px; font-size: 18px; }
.nSite-l-font-h2 a { color: #333333; }
.nSite-l-font-btn { cursor: pointer; padding: 0 24px; border: 1px solid #dddddd; line-height: 34px; font-size: 14px; color: #999999; }
.nSite-l li:hover .nSite-l-font-btn { border-color: #b5000d; background-color: #b5000d; color: #ffffff; }
.nSite-l li:hover .nSite-l-font-h2 a { color: #b5000d; }
.nSite-l-font dd { float: left; padding: 12px 0; width: 196px; line-height: 1; font-size: 14px; color: #666666; }
.nSite-l-progress { padding-top: 12px; }
.nSite-l-progress-item { position: relative; width: 132px; float: left; left: -15px; } 
.nSite-l-progress-item:before { content: ''; float: left; width: 100%; height: 1px; margin-top: 7px; background-color: #dddddd; position: relative; right: 8px; }
.nSite-l-progress-item:first-child { width: 54px; }
.nSite-l-progress-item:first-child:before { background-color: #ffffff !important; }
.nSite-l-progress-item i { position: absolute; width: 15px; height: 15px; border-radius: 50%; text-align: center; line-height: 15px; border: 1px solid #dddddd; background-color: #fff; z-index: 1; right: 5px; font-size: 12px; }
.nSite-l-progress-item span { float: right; margin-top: 17px; font-size: 12px; width: 48px; display: block; color: #666666; margin-left: 5px; position: relative; left: 11px; text-align: center; }
.nSite-l-progress-item.iconfont:before { background-color: #b5000d; }
.nSite-l-progress-item.iconfont i { background-color: #b5000d; background-image:url("../images/ico-54.png"); background-repeat: no-repeat; background-position: center; }
.nSite-l-progress-item.iconfont i, .nSite-l-progress-item.iconfont span { color: #b5000d; border-color: #b5000d; }
/*è¯¦ç»†é¡µ*/
.nSiteShow { padding-bottom: 22px; background-color: #ffffff; }
.nSiteShow-l { padding: 24px 0; width: 894px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nSiteShow-parameter { position: relative; margin-top: 48px; line-height: 1; text-align: center; }
.nSiteShow-parameter li { position: relative; float: left; padding: 24px 0; width: 282px; }
.nSiteShow-parameter li:nth-child(3n) { border-right-width: 0; }
.nSiteShow-parameter-txt { font-size: 18px; }
.nSiteShow-parameter-txt a { color: #333333; }
.nSiteShow-parameter-txt a:hover { color: #b5000d; }
.nSiteShow-parameter-tit { margin-top: 12px; font-size: 14px; color: #666666; }
.nSiteShow-parameter:after { content: ""; position: absolute; top: 50%; left: 0; z-index: 1; width: 100%; height: 1px; background-color: #f2f2f2; }
.nSiteShow-parameter li:after { content: ""; position: absolute; top: 50%; right: 0; z-index: 1; margin-top: -22px; width: 1px; height: 44px; background-color: #f2f2f2; }
.nSiteShow-parameter li:nth-child(3n)::after { display: none; }
.nSiteShow-progress { padding-top: 24px; }
.nSiteShow-progress-item { position: relative; width: 198px; float: left; left: -15px; } 
.nSiteShow-progress-item:before { content: ''; float: left; width: 100%; height: 1px; margin-top: 7px; background-color: #dddddd; position: relative; right: 8px; }
.nSiteShow-progress-item:first-child { width: 54px; }
.nSiteShow-progress-item:first-child:before { background-color: #ffffff !important; }
.nSiteShow-progress-item i { position: absolute; width: 15px; height: 15px; border-radius: 50%; text-align: center; line-height: 15px; border: 1px solid #dddddd; background-color: #fff; z-index: 1; right: 5px; font-size: 12px; }
.nSiteShow-progress-item span { float: right; margin-top: 17px; font-size: 12px; width: 48px; display: block; color: #666666; margin-left: 5px; position: relative; left: 11px; text-align: center; }
.nSiteShow-progress-item.iconfont:before { background-color: #b5000d; }
.nSiteShow-progress-item.iconfont i { background-color: #b5000d; background-image:url("../images/ico-54.png"); background-repeat: no-repeat; background-position: center; }
.nSiteShow-progress-item.iconfont i, .nSiteShow-progress-item.iconfont span { color: #b5000d; border-color: #b5000d; }
.nSiteShow-idea { margin-top: 48px; padding: 24px; background-color: #f5f5f5; }
.nSiteShow-idea-con { width: 387px; height: 239px; }
.nSiteShow-idea-con-tit { padding-left: 12px; border-left: 3px solid #b5000d; line-height: 1; font-size: 18px; color: #333333; }
.nSiteShow-idea-con-font { position: relative; overflow: hidden; margin-top: 18px; height: 203px; }
.swiper-nSiteShow { width: 100%; height: 100%; }
.nSiteShow-idea-con .swiper-button-next, .nSiteShow-idea-con .swiper-button-prev { width: 18px; height: 32px; margin-top: -16px; background-size: 18px 32px; padding: 6px; background-color: rgba(255,255,255,0.50) }
.nSiteShow-idea-con .swiper-button-prev, .nSiteShow-idea-con .swiper-container-rtl .swiper-button-next { background-image: url("../images/ico-30.png"); left: 0px; right: auto; }
.nSiteShow-idea-con .swiper-button-next, .nSiteShow-idea-con.swiper-container-rtl .swiper-button-prev { background-image: url("../images/ico-31.png"); right: 0px; left: auto; }
.nSiteShow-font { margin-top: 48px; }
.nSiteShow-menu { height: 43px; line-height: 42px; text-align: center; }
.nSiteShow-menu li { cursor: pointer; position: relative; z-index: 1; float: left; width: 139px; border:1px solid #ffffff; font-size: 18px; text-align: center; color: #666666; }
.nSiteShow-menu li.hover { z-index: 3; margin-bottom: 1px; border-color: #dddddd; border-bottom-color: #ffffff; color: #666666 }
.nSiteShow-font-con { position: relative; z-index: 2; border-top:1px solid #dddddd; padding-top: 24px; text-align: center; }
.nSiteShow-font-con img { margin: 12px 0; max-width: 100%; }


/* -------------------------------- å†…é¡µ-å…¨å±‹è½¯è£… -------------------------------- */
/*åˆ—è¡¨é¡µ*/
.nSoftOutfit { padding-bottom: 22px; background-color: #ffffff; }
.nSoftOutfit li { overflow: hidden; position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 382px; background-color: #f5f5f5; border: 1px solid #dddddd; }
.nSoftOutfit li:nth-child(3n){ margin-right: 0; }
.nSoftOutfit-img { width: 382px; height: 236px; }
.nSoftOutfit-font { position: relative; padding: 24px 0; line-height: 1; text-align: center; }
.nSoftOutfit-font_h2 { position: relative; z-index: 10; font-size: 18px; color: #333333; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nSoftOutfit-font_h3 { position: relative; z-index: 10; margin-top: 12px; font-size: 14px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nSoftOutfit-font:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nSoftOutfit li:hover .nSoftOutfit-font_h2, .nSoftOutfit li:hover .nSoftOutfit-font_h3 { color: #ffffff; }
.nSoftOutfit li:hover .nSoftOutfit-font:after { height: 100%; }
/*è¯¦ç»†é¡µ*/
.nSoftOutfitShow { padding-bottom: 22px; background-color: #ffffff; }
.nSoftOutfitShow-l { padding: 24px 0; width: 894px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nSoftOutfitShow-parameter { position: relative; margin-top: 48px; line-height: 1; text-align: center; }
.nSoftOutfitShow-parameter li { position: relative; float: left; padding: 24px 0; width: 282px; }
.nSoftOutfitShow-parameter li:nth-child(3n) { border-right-width: 0; }
.nSoftOutfitShow-parameter-txt { font-size: 18px; }
.nSoftOutfitShow-parameter-txt a { color: #333333; }
.nSoftOutfitShow-parameter-txt a:hover { color: #b5000d; }
.nSoftOutfitShow-parameter-tit { margin-top: 12px; font-size: 14px; color: #666666; }
.nSoftOutfitShow-parameter:after { content: ""; position: absolute; top: 50%; left: 0; z-index: 1; width: 100%; height: 1px; background-color: #f2f2f2; }
.nSoftOutfitShow-parameter li:after { content: ""; position: absolute; top: 50%; right: 0; z-index: 1; margin-top: -22px; width: 1px; height: 44px; background-color: #f2f2f2; }
.nSoftOutfitShow-parameter li:nth-child(3n)::after { display: none; }
.nSoftOutfitShow-idea { margin-top: 48px; padding: 24px; background-color: #f5f5f5; }
.nSoftOutfitShow-idea-con { width: 387px; height: 239px; }
.nSoftOutfitShow-idea-con-tit { padding-left: 12px; border-left: 3px solid #b5000d; line-height: 1; font-size: 18px; color: #333333; }
.nSoftOutfitShow-idea-con-font { position: relative; overflow: hidden; margin-top: 18px; height: 203px; }
.swiper-nSoftOutfitShow { width: 100%; height: 100%; }
.nSoftOutfitShow-idea-con .swiper-button-next, .nSoftOutfitShow-idea-con .swiper-button-prev { width: 18px; height: 32px; margin-top: -16px; background-size: 18px 32px; padding: 6px; background-color: rgba(255,255,255,0.50) }
.nSoftOutfitShow-idea-con .swiper-button-prev, .nSoftOutfitShow-idea-con .swiper-container-rtl .swiper-button-next { background-image: url("../images/ico-30.png"); left: 0px; right: auto; }
.nSoftOutfitShow-idea-con .swiper-button-next, .nSoftOutfitShow-idea-con.swiper-container-rtl .swiper-button-prev { background-image: url("../images/ico-31.png"); right: 0px; left: auto; }
.nSoftOutfitShow-font { margin-top: 48px; }
.nSoftOutfitShow-menu { height: 43px; line-height: 42px; text-align: center; }
.nSoftOutfitShow-menu li { cursor: pointer; position: relative; z-index: 1; float: left; width: 118px; border:1px solid #ffffff; font-size: 18px; text-align: center; color: #666666; }
.nSoftOutfitShow-menu li.hover { z-index: 3; margin-bottom: 1px; border-color: #dddddd; border-bottom-color: #ffffff; color: #666666 }
.nSoftOutfitShow-font-con { position: relative; z-index: 2; border-top:1px solid #dddddd; padding-top: 24px; text-align: center; }
.nSoftOutfitShow-font-con img { margin: 12px 0; max-width: 100%; }


/* -------------------------------- å†…é¡µ-å“è´¨æŽ¢ç´¢ -------------------------------- */
.nExplore-advantage { padding: 70px 0; }
.nExplore-advantage-con { height: 767px; }
.nExplore-advantage_item { position: absolute; width: 465px; }
.nExplore-advantage_item.box1 { left: 132px; top: 0; }
.nExplore-advantage_item.box2 { right: 132px; top: 0; }
.nExplore-advantage_item.box3 { left: 0; top: 233px; }
.nExplore-advantage_item.box4 { right: 0; top: 233px; }
.nExplore-advantage_item.box5 { left: 132px; top: 466px; }
.nExplore-advantage_item.box6 { right: 132px; top: 466px; }
.nExplore-advantage_img { width: 262px; height: 303px; }
.nExplore-advantage-font { padding-top: 128px; width: 179px; height: 175px; line-height: 1; }
.nExplore-advantage-font.pd-l-24 { padding-left: 24px; text-align: left; }
.nExplore-advantage-font.pd-r-24 { padding-right: 24px; text-align: right; }
.nExplore-advantage-font_num { font-size: 48px; font-weight: bold; color: #d8d8d8; }
.nExplore-advantage-font-h { width: 109px; }
.nExplore-advantage-font-h.pd-l-70 { padding-left: 70px; text-align: left; }
.nExplore-advantage-font-h.pd-r-70 { padding-right: 70px; text-align: right; }
.nExplore-advantage-font_h2 { margin-top: 6px; margin-bottom: 6px; font-size: 18px; color: #333333; }
.nExplore-advantage-font_h3 { font-size: 12px; text-transform: uppercase; color: #999999; }
.nExplore-system { padding: 70px 0; background-image: url("../images/bg-13.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nExplore-system li { position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 282px; height: 174px; }
.nExplore-system li:nth-child(4n) { margin-right: 0; }
.nExplore-system_img { width: 282px; height: 174px; }
.nExplore-system-font { position: absolute; left: 12px; top: 12px; width: 256px; height: 148px; border: 1px solid #dddddd; line-height: 1; text-align: center; color: #bfbfbf; }
.nExplore-system-font_num { padding: 21px 0; }
.nExplore-system-font_h3 { font-size: 18px; }
.nExplore-honor { padding: 70px 0; background-color: #f5f5f5; }
.nExplore-honor .swiper-container { padding-bottom: 70px; }
.nExplore-honor-img { overflow: hidden; position: relative; display: table; width: 282px; height: 380px; background-color: #ffffff; text-align: center; }  
.nExplore-honor-img span { display: table-cell; vertical-align: middle; width: 282px; height: 380px; }
.nExplore-honor-img span img{ margin: 0 auto; max-width: 282px; max-height: 380px; }
*+html .nExplore-honor-img span { vertical-align: baseline; position: absolute; top: 50%; width: 100%; height: auto; text-align: center; }
*+html .nExplore-honor-img span img{ position: relative; top: -50%; left: -50%; }
.nExplore-honor_h2 { padding-top: 12px; line-height: 1; font-size: 18px; text-align: center; color: #333333; }  
.nExplore-public { padding: 70px 0; }


/* -------------------------------- å†…é¡µ-è“äº”é’»å·¥ç¨‹ -------------------------------- */
.nDiamond-banner_h1 { font-size: 50px; color: #ffffff; }
.nDiamond-banner_h1 span { color: #b5000d; }
.nDiamond-banner_h2 { margin: 48px 0; font-size: 24px; color: #ffffff; }
.nDiamond-banner_h2 span { color: #b5000d; }
.nDiamond-banner_h3 { margin-bottom: 60px; font-size: 24px; color: #ffffff; }
.nDiamond-banner_ul li { float: left; padding: 5px; margin: 0 46px; width: 137px; background-image: url("../images/bg-14.png"); background-repeat: no-repeat; background-position: center top; }
.nDiamond-banner_ul_img { width: 137px; height: 137px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.nDiamond-banner_ul_font { margin-top: 12px; line-height: 1; font-size: 18px; text-align: center; color: #ffffff; }
.nDiamond-security { padding: 70px 0; background-image:url("../images/bg-15.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nDiamond-security-box { width: 384px; }
.nDiamond-security-box.mg-0-24 { margin: 0 24px; height: 590px; }
.nDiamond-security-box_item { padding: 12px 0; }
.nDiamond-security-box_item-num { position: relative; z-index: 2; width: 84px; height: 36px; background-color: #b5000d; line-height: 36px; font-size: 14px; text-align: center; color: #ffffff; }
.nDiamond-security-box_item-con { position: relative; z-index: 1; padding: 24px 12px 12px; margin-top: -12px; border: 1px solid #dddddd; background-color: #ffffff; }
.nDiamond-security-box_item-con_img { width: 358px; height: 153px; }
.nDiamond-security-box_item-con_h2 { padding: 12px 0; line-height: 1; font-size: 18px; text-align: center; color: #333333; }
.nDiamond-security-box_item-con_h3 { line-height: 1; font-size: 14px; text-align: center; color: #666666; }
.nDiamond-specification { padding: 70px 0; background-image: url("../images/bg-16.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nDiamond-specification li { float: left; width: 240px; background-color: #000000; }
.nDiamond-specification-con { width: 240px; height: 213px; }
.nDiamond-specification-con_h2 { padding-bottom: 24px; line-height: 1; font-size: 18px; text-align: center; color: #ffffff; }
.nDiamond-specification-con_h3 { line-height: 1; font-size: 14px; text-align: center; color: #ffffff; }
.nDiamond-craft { padding: 70px 0; }
.nDiamond-craft-classes { margin-bottom: 24px; line-height: 1; font-size: 18px; text-align: center; color: #333333; }
.nDiamond-craft-list li { position: relative; float: left; margin-bottom: 50px; margin-right: 24px; width: 384px; background-color: #f5f5f5; }
.nDiamond-craft-list li:nth-child(3n) { margin-right: 0; }
.nDiamond-craft_til { position: absolute; left: 0; top: 0; width: 78px; height: 28px; background-color: #b5000d; line-height: 28px; font-size: 14px; text-align: center; color: #ffffff; }
.nDiamond-craft_img { width: 384px; height: 237px; }
.nDiamond-craft-font { padding: 12px 24px;  text-align: center; }
.nDiamond-craft-font_h2 { margin-bottom: 12px; line-height: 1; font-size: 18px; color: #333333; }
.nDiamond-craft-font_txt { height: 96px; line-height: 24px; font-size: 14px; text-align: justify; color: #666666; -webkit-line-clamp: 4; }


/* -------------------------------- å†…é¡µ-æ ‡å‡†å·¥ç¨‹ -------------------------------- */
.nStandard-safeguard { padding: 70px 0; background-color: #f5f5f5; }
.nStandard-safeguard li { float: left; margin-right: 24px; width: 220px; height: 136px; line-height: 1; text-align: center; background-color: #ffffff;; }
.nStandard-safeguard li:nth-child(5) { margin-right: 0; }
.nStandard-safeguard-ico { width: 56px; height: 56px; }
.nStandard-safeguard_h2 { margin-top: 12px; font-size: 18px; color: #333333; }
.nStandard-specification { padding: 70px 0; }
.nStandard-specification li { position: relative; float: left; margin-right: 24px; width: 282px; height: 375px; }
.nStandard-specification li:nth-child(4n) { margin-right: 0; }
.nStandard-specification-con { position: absolute; left: 0; top: 0; width: 282px; height: 375px; }
.nStandard-specification-con_box1 { padding: 10px; margin: auto; width: 106px; height: 106px; background-color: rgba(0,0,0,0.60); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.nStandard-specification-con_box2 { width: 106px; height: 106px; border: 1px solid #ffffff; }
.nStandard-specification-con-font { width: 106px; height: 106px; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); text-align: center; line-height: 24px; text-align: center; color: #ffffff; }
.nStandard-specification-con-font_h2 { font-size: 18px; }
.nStandard-craft { padding: 70px 0; background-image: url("../images/bg-17.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nStandard-craft-heard { width: 292px; height: 292px; border: 10px solid #dddddd; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.nStandard-craft-heard_img { width: 282px; height: 282px; border: 5px solid #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.nStandard-craft-con { padding: 60px 0 85px; }
.nStandard-craft-item { position: absolute; }
.nStandard-craft-item.box1 { top: 0px; right: 698px; }
.nStandard-craft-item.box2 { top: 43px; left: 770px; }
.nStandard-craft-item.box3 { top: 177px; left: 825px; }
.nStandard-craft-item.box4 { top: 313px; left: 767px; }
.nStandard-craft-item.box5 { bottom: 0; right: 530px; }
.nStandard-craft-item.box6 { top: 284px; right: 766px; }
.nStandard-craft-item.box7 { top: 147px; right: 808px; }
.nStandard-craft-item-ico { margin: 16px 0; padding: 2px; width: 10px; height: 10px; border: 1px solid #b5000d; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.nStandard-craft-item-icon { width: 10px; height: 10px; background-color: #b5000d; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.nStandard-craft-item-line { margin: 23px 0; width: 90px; height: 1px; background-color: #dddddd; }
.nStandard-craft-item-font { padding: 0 24px; border: 1px solid #dddddd; background-color: #ebebeb; line-height: 46px; font-size: 18px; color: #333333; }
.nStandard-craft-item-font.bgcolor  { background-color: #ffebe3; }
.nStandard-green { padding: 70px 0; background-image: url("../images/bg-18.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nStandard-green-con { height: 573px; background-color: #ffffff; }
#nStandard-green-con .sp-left-thumbnails.sp-has-pointer { margin-right: 0; background-color: #dddddd; }
#nStandard-green-con .sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container { margin: 0 0 1px; background-color: #ffffff; }
#nStandard-green-con .sp-left-thumbnails.sp-has-pointer .sp-thumbnail { right: 0; width: 100%; height: 100%; font-size: 18px; text-align: center; }
#nStandard-green-con .sp-selected-thumbnail .pd-0-24 { color: #ffffff; }
#nStandard-green-con .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { margin-right: 0; border-left-width: 0; width: 100%; background-color: #b5000d; }
#nStandard-green-con .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { display: none; }
#nStandard-green-con .sp-grab { cursor: pointer; }
.nStandard-room { padding: 70px 0; }
.nStandard-room_img { width: 384px; height: 237px; } 
.nStandard-room .swiper-room { padding-bottom: 60px; }


/* -------------------------------- å†…é¡µ-å“è´¨é€‰æ -------------------------------- */
.nSelection-logo { padding: 70px 0; }
.nSelection-logo li { float: left; margin-right: 24px; margin-bottom: 24px; border: 1px solid #dddddd; width: 280px; height: 173px; line-height: 1; text-align: center; }
.nSelection-logo li:nth-child(4n) { margin-right: 0; }
.nSelection-logo_img { overflow: hidden; position: relative; display: table; float:left; width: 280px; height: 120px; text-align: center; }  
.nSelection-logo_img span { display: table-cell; vertical-align: middle; width: 280px; height: 120px; }
.nSelection-logo_img span img{ margin: 0 auto; max-width: 280px; max-height: 120px; }
*+html .nSelection-logo_img span { vertical-align: baseline; position: absolute; top: 50%; width: 100%; height: auto; text-align: center; }
*+html .nSelection-logo_img span img{ position: relative; top: -50%; left: -50%; }
.nSelection-logo_h2 { font-size: 18px; color: #666666; }
.nSelection-auxiliary { padding: 70px 0; background-color: #f5f5f5; }
.nSelection-auxiliary-con {}
#nStandard-auxiliary-con .sp-bottom-thumbnails .sp-thumbnail-container, .sp-top-thumbnails .sp-thumbnail-container { cursor: pointer; margin-left: 0; margin-right: 24px; background-color: #ffffff; }
#nStandard-auxiliary-con .sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { width: 100%; height: 100%; border-bottom-width: 0; background-color: #b5000d; bottom: 0; margin-bottom: 0; }
#nStandard-auxiliary-con .sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { display: none; }
#nStandard-auxiliary-con .sp-top-thumbnails.sp-has-pointer { margin-bottom: 0; padding-bottom: 24px; }
#nStandard-auxiliary-con .sp-top-thumbnails.sp-has-pointer .sp-thumbnail { width: 100%; height: 100%; position: absolute; bottom: 0; }
.nSelection-auxiliary-con_ico { margin: 19px 24px; width: 60px; height: 60px; border: 1px solid #b5000d; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; line-height: 60px; font-size: 24px; text-align: center; color: #b5000d; }
.nSelection-auxiliary-con-font { padding-left: 110px; padding-right: 24px; height: 100px; font-size: 18px; color: #333333; }
.sp-selected-thumbnail .nSelection-auxiliary-con_ico { border-color: #ffffff; color: #ffffff; }
.sp-selected-thumbnail .nSelection-auxiliary-con-font { color: #ffffff; }


/* -------------------------------- å†…é¡µ-ä¹æ˜ŸæœåŠ¡ -------------------------------- */
.nFirstrate { padding: 70px 0; }
.nFirstrate li { display: table; padding-bottom: 24px; width: 100% }
.nFirstrate-con { width: 588px; height: 349px; }
.nFirstrate-con_h2 { line-height: 1; font-size: 58px; font-weight: bold; font-style: italic; color: #f5f5f5; }
.nFirstrate-con_h2 span { color: #b5000d; }
.nFirstrate-con_h3 { margin-top: 10px; line-height: 36px; font-size: 20px; color: #333333; }


/* -------------------------------- å†…é¡µ-è£…ä¿®é¢„çº¦ -------------------------------- */
.nVisit-banner { position: absolute; left: 0; top: 0; width: 100%; height: 462px; text-align: center; line-height: 1; }
.nVisit-banner_h1 { font-size: 48px; font-weight: bold; color: #b5000d; }
.nVisit-banner_h2 { margin-top: 40px; font-size: 28px; color: #ffffff; }
.nVisit-box { z-index: 100px; }
.nVisit-con { padding: 70px 102px 0; margin-top: -200px; background-color: #ffffff; }
.nVisit-con-l { width: 486px; }
.nVisit-con-l li { float: left; margin: 12px 0; width: 229px; height: 46px; border: 1px solid #dddddd; }
.nVisit-con-l li:nth-child(2n) { float: right; }
.nVisit-con-m { cursor: pointer; margin: 12px 0 12px 24px; display: block; width: 180px; height: 120px; font-size: 36px; line-height: 1; }
.nVisit-con-r { margin: 12px 0; width: 282px; height: 120px; line-height: 1; }
.nVisit-con-r-col { font-size: 18px; color: #333333; }
.nVisit-con-r-ico { width: 34px; height: 34px; }
.nVisit-con-r-tel { margin-top: 15px; margin-bottom: 10px; line-height: 34px; }
.nVisit-con-r-tel_font { padding-left: 46px; height: 34px; font-size: 28px; font-weight: bold; color: #b5000d; }
.nVisit-con-r-online_font { padding-left: 46px; height: 34px; line-height: 34px; font-size: 18px; color: #333333; }
.nVisit-con-r-online_font span { padding-left: 6px; color: #b5000d; }
.nVisit-site { padding: 70px 0; }
.nVisit-site li { position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 282px; height: 174px; }
.nVisit-site li:nth-child(4n) { margin-right: 0; }
.nVisit-site { display: block; }
.nVisit-site-img { width: 282px; height: 174px; }
.nVisit-site-font { position: absolute; left: 24px; bottom: 12px; padding: 0 12px; width: 210px; height: 32px; background-color: rgba(0,0,0,0.60); line-height: 32px; font-size: 14px; text-align: center; color: #ffffff; -moz-transition: all .25s ease-out .2s; -webkit-transition: all .25s ease-out .2s; transition: all .25s ease-out .2s; }
.nVisit-site li:hover .nVisit-site-font { background-color: rgba(181,0,13,0.60); }
.nVisit-safeguard { padding-bottom: 70px; }
.nVisit-safeguard li { float: left; margin-right: 24px; width: 220px; height: 136px; line-height: 1; text-align: center; background-color: #f5f5f5;; }
.nVisit-safeguard li:nth-child(5) { margin-right: 0; }
.nVisit-safeguard-ico { width: 56px; height: 56px; }
.nVisit-safeguard_h2 { margin-top: 12px; font-size: 18px; color: #333333; }


/* -------------------------------- å†…é¡µ-è£…ä¿®é¢„çº¦ -------------------------------- */
.nDiscounts li { background-repeat: no-repeat; background-position: center top; }


/* -------------------------------- å†…é¡µ-å…¨å±‹çŽ¯ä¿ -------------------------------- */
.nGreen-logo { padding: 70px 0; }
.nGreen-logo li { float: left; margin-right: 24px; margin-bottom: 24px; border: 1px solid #dddddd; width: 280px; height: 173px; line-height: 1; text-align: center; }
.nGreen-logo li:nth-child(4n) { margin-right: 0; }
.nGreen-logo_img { overflow: hidden; position: relative; display: table; float:left; width: 280px; height: 120px; text-align: center; }  
.nGreen-logo_img span { display: table-cell; vertical-align: middle; width: 280px; height: 120px; }
.nGreen-logo_img span img{ margin: 0 auto; max-width: 280px; max-height: 120px; }
*+html .nGreen-logo_img span { vertical-align: baseline; position: absolute; top: 50%; width: 100%; height: auto; text-align: center; }
*+html .nGreen-logo_img span img{ position: relative; top: -50%; left: -50%; }
.nGreen-logo_h2 { font-size: 18px; color: #666666; }


/* -------------------------------- å†…é¡µ-è£…ä¿®é¢„çº¦ -------------------------------- */
.nOrder-banner { position: absolute; left: 0; top: 0; width: 100%; height: 462px; text-align: center; line-height: 1; }
.nOrder-banner_h1 { font-size: 48px; font-weight: bold; color: #b5000d; }
.nOrder-banner_h2 { margin-top: 40px; font-size: 28px; color: #333333; }
.nOrder-box { z-index: 100px; }
.nOrder-con { padding: 70px 102px 0; margin-top: -200px; background-color: #ffffff; }
.nOrder-con-l { width: 486px; }
.nOrder-con-l li { float: left; margin: 12px 0; width: 229px; height: 46px; border: 1px solid #dddddd; }
.nOrder-con-l li:nth-child(2n) { float: right; }
.nOrder-con-m { cursor: pointer; margin: 12px 0 12px 24px; display: block; width: 180px; height: 120px; font-size: 36px; line-height: 1; }
.nOrder-con-r { margin: 12px 0; width: 282px; height: 120px; line-height: 1; }
.nOrder-con-r-col { font-size: 18px; color: #333333; }
.nOrder-con-r-ico { width: 34px; height: 34px; }
.nOrder-con-r-tel { margin-top: 15px; margin-bottom: 10px; line-height: 34px; }
.nOrder-con-r-tel_font { padding-left: 46px; height: 34px; font-size: 28px; font-weight: bold; color: #b5000d; }
.nOrder-con-r-online_font { padding-left: 46px; height: 34px; line-height: 34px; font-size: 18px; color: #333333; }
.nOrder-con-r-online_font span { padding-left: 6px; color: #b5000d; }
.nOrder-commitment { padding: 70px 0; }
.nOrder-commitment-list { padding: 60px 0; }
.nOrder-commitment-list li { float: left; margin: 0 74px; width: 250px; height: 250px; border: 1px solid #dddddd; }
.nOrder-commitment-list-box { width: 250px; height: 250px; background-color: #f5f5f5; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.nOrder-commitment-list-con { width: 250px; height: 250px; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); text-align: center; }
.nOrder-commitment-list-con_h2 { line-height: 1; font-size: 18px; color: #666666; }
.nOrder-commitment-list-con_font { margin-top: 6px; line-height: 24px; font-size: 14px; color: #666666; }
.nOrder-safeguard { padding-bottom: 70px; }
.nOrder-safeguard li { float: left; margin-right: 24px; width: 220px; height: 136px; line-height: 1; text-align: center; background-color: #f5f5f5;; }
.nOrder-safeguard li:nth-child(5) { margin-right: 0; }
.nOrder-safeguard-ico { width: 56px; height: 56px; }
.nOrder-safeguard_h2 { margin-top: 12px; font-size: 18px; color: #333333; }


/* -------------------------------- å†…é¡µ-æ„Ÿæ©å›žé¦ˆ -------------------------------- */
.nFeedback-font { margin-top: 50px; line-height: 28px; font-size: 14px; color: #666666; text-align: justify; }


/* -------------------------------- å†…é¡µ-å”®åŽæœåŠ¡ -------------------------------- */
.nService-enjoy { padding: 70px 0; }
.nService-enjoy-list { padding: 60px 0; }
.nService-enjoy-list li { float: left; margin: 0 74px; width: 250px; height: 250px; border: 1px solid #dddddd; }
.nService-enjoy-list-box { width: 250px; height: 250px; background-color: #f5f5f5; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.nService-enjoy-list-con { width: 250px; height: 250px; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); text-align: center; }
.nService-enjoy-list-con-ico { margin: auto; padding: 32px 0 15px; width: 45px; height: 45px; }
.nService-enjoy-list-con_h2 { line-height: 1; font-size: 18px; color: #666666; }
.nService-enjoy-list-con_font { margin-top: 12px; line-height: 24px; font-size: 14px; color: #666666; }
.nService-safeguard { padding: 70px 0; }
.nService-safeguard li { float: left; margin-right: 24px; width: 220px; height: 136px; line-height: 1; text-align: center; background-color: #f5f5f5;; }
.nService-safeguard li:nth-child(5) { margin-right: 0; }
.nService-safeguard-ico { width: 56px; height: 56px; }
.nService-safeguard_h2 { margin-top: 12px; font-size: 18px; color: #333333; }
.nService-system { padding: 70px 0; background-image: url("../images/bg-13.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nService-system li { position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 282px; height: 174px; }
.nService-system li:nth-child(4n) { margin-right: 0; }
.nService-system_img { width: 282px; height: 174px; }
.nService-system-font { position: absolute; left: 12px; top: 12px; width: 256px; height: 148px; border: 1px solid #dddddd; line-height: 1; text-align: center; color: #bfbfbf; }
.nService-system-font_num { padding: 21px 0; }
.nService-system-font_h3 { font-size: 18px; }


/* -------------------------------- å†…é¡µ-è£…ä¿®é—®ç­” -------------------------------- */
.nFaq { }
.nFaq-con { padding: 36px 0; }
.nFaq-tit { padding: 8px 24px; cursor: pointer; line-height: 28px; font-size: 14px; color: #333333; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03);  }
.nFaq-txt { padding-bottom: 20px; line-height: 28px; font-size: 14px; text-align: justify; color: #666666; }
.nFaq-q { float: left; width: 32px; height: 32px; background-color: #666666; line-height: 32px; text-align: center;  font-size: 14px; color: #ffffff; }
.nFaq-q-font { padding: 4px 0 4px 52px; line-height: 24px; font-size: 14px; color: #333333; }
.nFaq-a { float: left; width: 32px; height: 32px; background-color: #b5000d; line-height: 32px; text-align: center;  font-size: 14px; color: #ffffff; }
.nFaq-a-font { padding: 4px 0 4px 52px; line-height: 24px; font-size: 14px; color: #333333; }
 

/* -------------------------------- å†…é¡µ-æ€»è£ç›´è¥ -------------------------------- */
.nPresident-choose { padding: 70px 0; background-color: #f5f5f5; }
.nPresident-choose li { float: left; margin-right: 24px; width: 384px; height: 237px; }
.nPresident-choose li:nth-child(3) { margin-right: 0; }
.nPresident-choose_font { margin-top: 48px; line-height: 24px; font-size: 14px; text-align: center; color: #666666; }
.nPresident-thirteeYears { padding: 70px 0; }
.nPresident-thirteeYears li { position: relative; float: left; margin-right: 24px; width: 282px; height: 375px; }
.nPresident-thirteeYears li:nth-child(4n) { margin-right: 0; }
.nPresident-thirteeYears-con { position: absolute; left: 0; top: 0; width: 282px; height: 375px; }
.nPresident-thirteeYears-con_box1 { padding: 10px; margin: auto; width: 106px; height: 106px; background-color: rgba(0,0,0,0.60); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.nPresident-thirteeYears-con_box2 { width: 106px; height: 106px; border: 1px solid #ffffff; }
.nPresident-thirteeYears-con-font { width: 106px; height: 106px; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); text-align: center; line-height: 24px; text-align: center; color: #ffffff; }
.nPresident-thirteeYears-con-font_h2 { font-size: 18px; }
.nPresident-guidelines { padding: 70px 0; background-color: #f5f5f5; }
.nPresident-guidelines li { float: left; margin-right: 24px; width: 384px; height: 237px; }
.nPresident-guidelines li:nth-child(3) { margin-right: 0; }
.nPresident-guidelines_h2 { margin-top: 48px; line-height: 1; font-size: 24px; text-align: center; color: #333333; }
.nPresident-guidelines_h2 span { color: #b5000d; }
.nPresident-guidelines_font { margin-top: 24px; line-height: 24px; font-size: 14px; text-align: center; color: #666666; }
.nPresident-management { padding: 70px 0; background-image: url("../images/bg-05.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.nPresident-management li { float: left; margin-bottom: 24px; width: 588px; height: 180px; background-color: rgba(0,0,0,0.50); }
.nPresident-management li:nth-child(2n) { float: right; }
.nPresident-management_img { float: left; width: 180px; height: 180px; }
.nPresident-management-font { float: left; padding: 0 24px; width: 360px; height: 180px; line-height: 1; color: #ffffff; }
.nPresident-management-font_h2 { margin-bottom: 12px; font-size: 18px; }
.nPresident-management-font_h3 { font-size: 14px; }
.nPresident-enjoy { padding: 70px 0; }
.nPresident-enjoy-list { padding: 60px 0; }
.nPresident-enjoy-list li { float: left; margin: 0 74px; width: 250px; height: 250px; border: 1px solid #dddddd; }
.nPresident-enjoy-list-box { width: 250px; height: 250px; background-color: #f5f5f5; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.nPresident-enjoy-list-con { width: 250px; height: 250px; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); text-align: center; }
.nPresident-enjoy-list-con-ico { margin: auto; width: 72px; height: 72px; }
.nPresident-enjoy-list-con_h2 { margin: 12px; line-height: 1; font-size: 18px; color: #666666; }
.nPresident-enjoy-list-con_font { line-height: 1; font-size: 14px; color: #666666; }


/* -------------------------------- å†…é¡µ-è®¾è®¡å¤§å’– -------------------------------- */
/*åˆ—è¡¨é¡µ*/
.nStylist { padding-bottom: 22px; background-color: #ffffff; }
.nStylist li { overflow: hidden; position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 282px; background-color: #f5f5f5; }
.nStylist li:nth-child(4n){ margin-right: 0; }
.nStylist-img { width: 282px; height: 338px; }
.nStylist-font { padding: 24px; background-color: #f5f5f5; line-height: 1; text-align: center; }
.nStylist-font-h2 { font-size: 18px; color: #333333; }
.nStylist-font-h3 { margin-top: 12px; margin-bottom: 24px; font-size: 14px; color: #666666; }
.nStylist-font-h3 a, .nStylist-font-h3 strong { padding-right: 6px; color: #b5000d; }
.nStylist-font-btn { position: relative; display: block; width: 103px; height: 36px; border: 1px solid #dddddd; background-color: #ffffff; line-height: 36px; font-size: 14px; text-align: center; color: #666666;transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nStylist-font-btn span { position: relative; z-index: 2; }
.nStylist-font-btn.fr:after { content: ""; position: absolute; bottom: 0; left: 0; z-index: 1; width: 0; height: 100%; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nStylist li:hover .nStylist-font-btn.fr { border: 1px solid #b5000d; color: #ffffff; }
.nStylist li:hover .nStylist-font-btn.fr:after { width: 100%; }
/*è¯¦ç»†é¡µ*/
.nStylistShow { padding-bottom: 22px; background-color: #ffffff; }
.nStylistShow-l { padding: 24px 0; width: 894px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nStylistShow-photo { background-color: #000000; width: 266px; height: 346px; }
.nStylistShow-font { width: 556px; height: 344px; }
.nStylistShow-parameter { padding-top: 12px; }
.nStylistShow-parameter li { float: left; width: 100%; line-height: 28px; font-size: 14px; color: #666666; }
.nStylistShow-parameter li:nth-child(1), .nStylistShow-parameter li:nth-child(2) { width: 278px; }
.nStylistShow-parameter li a { color: #666666; }
.nStylistShow-parameter li a:hover { color: #b5000d; }
.nStylistShow-con-font-tit { margin-top: 18px; margin-bottom: 12px; padding-left: 12px; border-left: 3px solid #b5000d; line-height: 1; font-size: 16px; font-weight: bold; color: #333333; }
.nStylistShow-con-font { position: relative; overflow: hidden; height: 84px; }
.nStylistShow-list { margin-top: 48px; }
.nStylistShow-list:first-child { margin-top: 0; }
.nStylistShow-list-col { margin-bottom: 24px; line-height: 1; }
.nStylistShow-list-tit { float: left; padding-left: 24px; border-left: 5px solid #b5000d; font-size: 18px; color: #333333; }
.nStylistShow-list-tit span { padding-left: 12px; font-size: 14px; color: #999999; }
.nStylistShow-list-tit span strong { padding: 0 6px; color: #b5000d; }
.nStylistShow-list-more { float: right; display: block; line-height: 18px; font-size: 14px; color: #666666; }
.nStylistShow-item { }
.nStylistShow-item li { position: relative; float: left; margin-right: 24px; width: 282px; }
.nStylistShow-item li:nth-child(4n) { margin-right: 0; }
.nStylistShow-item-img { width: 282px; height: 174px; }
.nStylistShow-item-font { position: relative; padding: 24px 0; background-color: #f5f5f5; line-height: 1; text-align: center; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nStylistShow-item-font_h2 { position: relative; z-index: 10; font-size: 18px; color: #333333; }
.nStylistShow-item-font_h3 { position: relative; z-index: 10; margin-top: 12px; font-size: 14px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nStylistShow-item-font:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nStylistShow-list li:hover .nStylistShow-item-font_h2, .nStylistShow-list li:hover .nStylistShow-item-font_h3 { color: #ffffff; }
.nStylistShow-list li:hover .nStylistShow-item-font:after { height: 100%; }
.nStylistShow-engineer-img { width: 282px; height: 174px; }
.nStylistShow-engineer-font { position: absolute; left: 24px; bottom: 12px; padding: 0 12px; width: 210px; height: 32px; background-color: rgba(0,0,0,0.60); line-height: 32px; font-size: 14px; text-align: center; color: #ffffff; -moz-transition: all .25s ease-out .2s; -webkit-transition: all .25s ease-out .2s; transition: all .25s ease-out .2s; }
.nStylistShow-list li:hover .nStylistShow-engineer-font { background-color: rgba(181,0,13,0.60); }
.nStylistShow-table { margin-top: 10px; padding: 48px 0; background-color: #f5f5f5; }
.nStylistShow-table-con { width: 1200px; height: 445px; background-color: #ffffff; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nStylistShow-table-box { width: 600px; height: 445px; }
.nStylistShow-table-name { height: 46px;}
.nStylistShow-table-name-ico { width: 46px; height: 46px; }
.nStylistShow-table-name-h2 { padding-left: 12px; height: 46px; line-height: 46px; font-size: 24px; color: #333333; }
.nStylistShow-table-name-h2 a { color: #666666; }
.nStylistShow-table-name-h2 a:hover { color: #b5000d; }
.nStylistShow-table-number { margin-top: 12px; margin-bottom: 24px; padding-left: 58px; line-height: 1; font-size: 14px; color: #666666; }
.nStylistShow-table-number a { padding: 0 6px; color: #b5000d; }
.nStylistShow-table-contact { height: 46px; }
.nStylistShow-table-contact-ico { width: 46px; height: 46px; }
.nStylistShow-table-contact-h2 { padding-left: 12px; height: 46px; line-height: 46px; font-size: 14px; color: #666666; }
.nStylistShow-table-contact-h2 a { color: #666666; }
.nStylistShow-table-contact-h2 a:hover { color: #b5000d; }
.nStylistShow-table-col { margin-top: 12px; padding-top: 24px; border-top: 1px solid #dddddd; line-height: 1; font-size: 18px; color: #333333; }
.nStylistShow-table-col span { color: #b5000d; }
.nStylistShow-table-item { padding-top: 16px; }
.nStylistShow-table-item li { float: left; margin-bottom: 24px; border: 1px solid #dddddd; width: 262px; height: 46px; }
.nStylistShow-table-item li:nth-child(2n) { float: right; }
.nStylistShow-table-item li:nth-child(3), .nStylistShow-table-item li:nth-child(4) { margin-bottom: 0; } 
.nStylistShow-table-item li:nth-child(3) { border-color: #b5000d; }
.nStylistShow-table-item-ico { float: left; margin-left: 24px; margin-top: 11px; margin-bottom: 11px; width: 24px; height: 24px; }
.nStylistShow-table-item-font { padding-left: 60px; padding-right: 12px; }
.nStylistShow-table-item-font input { height: 46px; }
.nStylistShow-table-item_btn { cursor: pointer; display: block; height: 44px; border: 1px solid #b5000d; line-height: 44px; text-align: center; }
.nStylistShow-table-item_btn:hover { background-color: #b5000d; color: #ffffff; }


/* -------------------------------- å†…é¡µ-è®¾è®¡å¤§å’– -------------------------------- */
/*åˆ—è¡¨é¡µ*/
.nTeam { padding-bottom: 22px; background-color: #ffffff; }
.nTeam li { overflow: hidden; position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 282px; background-color: #f5f5f5; }
.nTeam li:nth-child(4n){ margin-right: 0; }
.nTeam-img { width: 282px; height: 338px; }
.nTeam-font { position: relative; padding: 24px; background-color: #f5f5f5; line-height: 1; text-align: center; }
.nTeam-font-h2 { position: relative; z-index: 10; font-size: 18px; color: #333333; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nTeam-font-h3 { position: relative; z-index: 10; margin-top: 12px; font-size: 14px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nTeam-font-h3 strong { padding-right: 6px; color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nTeam-font:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nTeam li:hover .nTeam-font-h2, .nTeam li:hover .nTeam-font-h3, .nTeam li:hover .nTeam-font-h3 strong { color: #ffffff; }
.nTeam li:hover .nTeam-font:after { height: 100%; }
/*è¯¦ç»†é¡µ*/
.nTeamShow { padding-bottom: 22px; background-color: #ffffff; }
.nTeamShow-l { padding: 24px 0; width: 894px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nTeamShow-photo { background-color: #000000; width: 266px; height: 346px; }
.nTeamShow-font { width: 556px; height: 344px; }
.nTeamShow-parameter { padding-top: 12px; }
.nTeamShow-parameter li { float: left; width: 185px; line-height: 28px; font-size: 14px; color: #666666; }
.nTeamShow-parameter li:nth-child(6), .nTeamShow-parameter li:nth-child(7) { width: 100%; }
.nTeamShow-parameter li a { color: #666666; }
.nTeamShow-parameter li a:hover { color: #b5000d; }
.nTeamShow-con-font-tit { margin-top: 22px; margin-bottom: 12px; padding-left: 12px; border-left: 3px solid #b5000d; line-height: 1; font-size: 16px; font-weight: bold; color: #333333; }
.nTeamShow-con-font { position: relative; overflow: hidden; height: 112px; }
.nTeamShow-list { margin-top: 48px; }
.nTeamShow-list:first-child { margin-top: 0; }
.nTeamShow-list-col { margin-bottom: 24px; line-height: 1; }
.nTeamShow-list-tit { float: left; padding-left: 24px; border-left: 5px solid #b5000d; font-size: 18px; color: #333333; }
.nTeamShow-list-tit span { padding-left: 12px; font-size: 14px; color: #999999; }
.nTeamShow-list-tit span strong { padding: 0 6px; color: #b5000d; }
.nTeamShow-list-more { float: right; display: block; line-height: 18px; font-size: 14px; color: #666666; }
.nTeamShow-item { }
.nTeamShow-item li { position: relative; float: left; margin-right: 24px; width: 282px; }
.nTeamShow-item li:nth-child(4n) { margin-right: 0; }
.nTeamShow-item-img { width: 282px; height: 174px; }
.nTeamShow-item-font { position: relative; padding: 24px 0; background-color: #f5f5f5; line-height: 1; text-align: center; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nTeamShow-item-font_h2 { position: relative; z-index: 10; font-size: 18px; color: #333333; }
.nTeamShow-item-font_h3 { position: relative; z-index: 10; margin-top: 12px; font-size: 14px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nTeamShow-item-font:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nTeamShow-list li:hover .nTeamShow-item-font_h2, .nTeamShow-list li:hover .nTeamShow-item-font_h3 { color: #ffffff; }
.nTeamShow-list li:hover .nTeamShow-item-font:after { height: 100%; }
.nTeamShow-engineer-img { width: 282px; height: 174px; }
.nTeamShow-engineer-font { position: absolute; left: 24px; bottom: 12px; padding: 0 12px; width: 210px; height: 32px; background-color: rgba(0,0,0,0.60); line-height: 32px; font-size: 14px; text-align: center; color: #ffffff; -moz-transition: all .25s ease-out .2s; -webkit-transition: all .25s ease-out .2s; transition: all .25s ease-out .2s; }
.nTeamShow-list li:hover .nTeamShow-engineer-font { background-color: rgba(181,0,13,0.60); }
.nTeamShow-table { margin-top: 10px; padding: 48px 0; background-color: #f5f5f5; }
.nTeamShow-table-con { width: 1200px; height: 445px; background-color: #ffffff; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nTeamShow-table-box { width: 600px; height: 445px; }
.nTeamShow-table-name { height: 46px;}
.nTeamShow-table-name-ico { width: 46px; height: 46px; }
.nTeamShow-table-name-h2 { padding-left: 12px; height: 46px; line-height: 46px; font-size: 24px; color: #333333; }
.nTeamShow-table-name-h2 a { color: #666666; }
.nTeamShow-table-name-h2 a:hover { color: #b5000d; }
.nTeamShow-table-number { margin-top: 12px; margin-bottom: 24px; padding-left: 58px; line-height: 1; font-size: 14px; color: #666666; }
.nTeamShow-table-number a { padding: 0 6px; color: #b5000d; }
.nTeamShow-table-contact { height: 46px; }
.nTeamShow-table-contact-ico { width: 46px; height: 46px; }
.nTeamShow-table-contact-h2 { padding-left: 12px; height: 46px; line-height: 46px; font-size: 14px; color: #666666; }
.nTeamShow-table-contact-h2 a { color: #666666; }
.nTeamShow-table-contact-h2 a:hover { color: #b5000d; }
.nTeamShow-table-col { margin-top: 12px; padding-top: 24px; border-top: 1px solid #dddddd; line-height: 1; font-size: 18px; color: #333333; }
.nTeamShow-table-col span { color: #b5000d; }
.nTeamShow-table-item { padding-top: 16px; }
.nTeamShow-table-item li { float: left; margin-bottom: 24px; border: 1px solid #dddddd; width: 262px; height: 46px; }
.nTeamShow-table-item li:nth-child(2n) { float: right; }
.nTeamShow-table-item li:nth-child(3), .nTeamShow-table-item li:nth-child(4) { margin-bottom: 0; } 
.nTeamShow-table-item li:nth-child(3) { border-color: #b5000d; }
.nTeamShow-table-item-ico { float: left; margin-left: 24px; margin-top: 11px; margin-bottom: 11px; width: 24px; height: 24px; }
.nTeamShow-table-item-font { padding-left: 60px; padding-right: 12px; }
.nTeamShow-table-item-font input { height: 46px; }
.nTeamShow-table-item_btn { cursor: pointer; display: block; height: 44px; border: 1px solid #b5000d; line-height: 44px; text-align: center; }
.nTeamShow-table-item_btn:hover { background-color: #b5000d; color: #ffffff; }


/* -------------------------------- å†…é¡µ-å…³äºŽéº¦ä¸° -------------------------------- */
.nAbout-col { padding-top: 24px; line-height: 1; text-align: center; }
.nAbout-col-h1 { margin-bottom: 12px; font-size: 24px; color: #333333; }
.nAbout-col-h2 { font-size: 18px; color: #666666; text-transform: uppercase; }
/*ä¼ä¸šä»‹ç»*/
.nAbout { }
.nAbout-con { padding: 24px 0; margin-bottom: 24px; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nAbout-param { height: 200px; }
.nAbout-param li { position: relative; float: left; width: 288px; height: 200px; text-align: center; }
.nAbout-num { line-height: 1; font-size: 28px; font-weight: bold; color: #b5000d; }
.nAbout-num sup { font-size: 14px; color: #999999; }
.nAbout-txt { margin-top: 24px; line-height: 1; font-size: 18px; color: #666666; }
.nAbout-line { position: absolute; top: 50%; right: 0; margin-top: -16px; width: 1px; height: 32px; background-color: #dddddd; }
.nAbout-param li:last-child .nAbout-line { display: none; }
.nAbout-font { line-height: 28px; font-size: 14px; color: #666666; text-align: justify; }
.nAbout-trait { margin-top: 24px; }
.nAbout-trait li { float: left; margin-right: 24px; width: 368px; background-color: #f5f5f5; line-height: 1; text-align: center; }
.nAbout-trait li:nth-child(3n) { margin-right: 0; }
.nAbout-trait-ico { margin: auto; width: 89px; height: 89px; border: 1px solid #b5000d; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.nAbout-trait-h2 { margin-top: 24px; margin-bottom: 12px; font-size: 18px; color: #333333; }
.nAbout-trait-h3 { font-size: 14px; color: #666666; }
.nAbout-shop { margin-top: 36px; }
.nAbout-shop .swiper-container { padding-bottom: 50px; }
.nAbout-shop-con { position: relative; display: block; width: 230px; height: 230px; }
.nAbout-shop-img { width: 100%; height: 230px; }
.nAbout-shop-font { position: absolute; top: 0; left: 0; width: 100%; height: 230px; background-color: rgba(255,255,255,0.80); line-height: 1; text-align: center; }
.nAbout-shop-font_h2 { font-size: 18px; color: #333333; }
.nAbout-shop-font_btn { display: none; cursor: pointer; margin-top: 24px; padding: 10px 24px; border: 1px solid #ffffff; background-color: transparent; text-align: center; color: #ffffff; }
.nAbout-shop-con:hover .nAbout-shop-font { background-color: rgba(0,0,0,0.50); }
.nAbout-shop-con:hover .nAbout-shop-font_h2 { color: #ffffff; }
.nAbout-shop-con:hover .nAbout-shop-font_btn { display: inline-block; }


/*ä¼ä¸šæ–‡åŒ–*/
.nCulture { }
.nCulture li { float: left; width: 384px; margin-right: 24px; margin-top: 24px; }
.nCulture li:nth-child(3n) { margin-right: 0; }
.nCulture-img { height: 159px; }
.nCulture-font { padding-top: 24px; text-align: center; }
.nCulture-font-h2 { line-height: 1; font-size: 18px; color: #333333; }
.nCulture-font-line { margin: 12px auto; width: 78px; height: 1px; background-color: #dddddd; }
.nCulture-font-txt { height: 144px; line-height: 24px; font-size: 14px; text-align: center; color: #666666; -webkit-line-clamp: 6; }
.nCulture-trait { margin-top: 24px; }
.nCulture-trait dd { float: left; margin-right: 24px; width: 384px; background-color: #f5f5f5; line-height: 1; text-align: center; }
.nCulture-trait dd:nth-child(3n) { margin-right: 0; }
.nCulture-trait-ico { margin: auto; width: 89px; height: 89px; border: 1px solid #b5000d; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.nCulture-trait-h2 { margin-top: 24px; margin-bottom: 12px; font-size: 18px; color: #333333; }
.nCulture-trait-h3 { font-size: 14px; color: #666666; }


/*ä¼ä¸šåŽ†ç¨‹*/
.nCourse { padding-top: 50px; padding-bottom: 26px; }
.nCourse-wrap { padding: 82px 0; }
.nCourse-line { position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #dddddd; }
.nCourse-list { }
.nCourse-list li { height: 180px; }
.nCourse-box { padding: 0 102px; width: 372px; height: 180px; }
.nCourse-h { height: 180px; }
.nCourse-con { position: absolute; left: 0; top: 50%; padding: 12px; margin-top: -126px; width: 346px; border: 1px solid #dddddd; }
.nCourse-con_img { width: 346px; height: 140px; }
.nCourse-con_h2 { margin-top: 12px; margin-bottom: 6px; line-height: 1; font-size: 18px; font-weight: bold; text-align: center; color: #b5000d; }
.nCourse-con_h3 { height: 48px; line-height: 24px; font-size: 14px; text-align: center; color: #333333; }
.nCourse-con-ico { position: absolute; right: -7px; top: 50%; margin-top: -7px; padding: 2px; width: 8px; height: 8px; border: 1px solid #dddddd; background-color: #ffffff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.nCourse-con-ico.icol { left: -7px }
.nCourse-con-icon { width: 8px; height: 8px; background-color: #dddddd; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.nCourse-con-line { position: absolute; right: 7px; top: 50%; width: 95px; height: 1px; background-color: #dddddd; }
.nCourse-con-line.linel {; left: 7px; }














/*æ–°é—»åŠ¨æ€*/
.nNews { }
.nNews ul { padding: 48px 0 24px; }
.nNews li { overflow: hidden; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px dotted #dddddd; -moz-transition: all .25s ease-out .2s; -webkit-transition: all .25s ease-out .2s; transition: all .25s ease-out .2s; }
.nNews li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom-width: 0; }
.nNews-img { position: relative; float: left; width: 282px; height: 174px; }
.nNews-font { float: left; margin-left: 24px; padding-right: 78px; width: 714px; height: 174px; }
.nNews-font-h2 { line-height: 1; font-size: 18px; color: #333333; }
.nNews-font-txt { margin-top: 16px; max-height: 84px; line-height: 28px; font-size: 14px; color: #666666; -webkit-line-clamp: 3; }
.nNews-time { float: right; width: 101px; height: 174px; line-height: 1; text-align: center; color: #999999; }
.nNews-time-con { padding: 24px 0; border-left: 1px solid #dddddd; }
.nNews-time-con_year { margin-bottom: 12px; font-size: 24px; }
.nNews-time-con_day { font-size: 14px; }
.nNews li:hover { -moz-transform: translateY(-6px); -webkit-transform: translateY(-6px); transform: translateY(-6px); }
.nNews li:hover .nNews-font-h2 { color: #b5000d; }

/*ä¼ä¸šä»‹ç»*/
.nJoin { }


/*è”ç³»æˆ‘ä»¬*/
.nContact { }
.nContact-con { padding: 48px 0; }
.nContact-font { width: 486px; height: 364px; }
.nContact-font-tit { margin-bottom: 19px; line-height: 1; font-size: 24px; color: #333333; }
.nContact-font-item { padding: 5px 0; line-height: 18px; font-size: 14px; color: #666666; }
.nContact-font-item-ico { width: 18px; height: 18px; }
.nContact-font-item-txt { padding-left: 30px; }
.nContact-map { width: 586px; height: 362px; border: 1px solid #dddddd; }
.iw_poi_title { overflow: hidden; padding-right: 13px; white-space: nowrap;font-size: 14px; font-weight: bold; color: #CC5522; }
.iw_poi_content { overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word; font: 12px arial,sans-serif; }
.nContact-list { }
.nContact-list li { float: left; margin-right: 24px; margin-bottom: 24px; padding: 24px; width: 336px; height: 98px; background-color: #f5f5f5; }
.nContact-list li:nth-child(3n) { margin-right: 0; }
.nContact-list-l { width: 96px; }
.nContact-list-l-ico { margin: auto; width: 36px; height: 36px; }
.nContact-list-l-tit { margin-top: 18px; line-height: 1; font-size: 14px; text-align: center; color: #666666; }
.nContact-list-r { padding-left: 24px; line-height: 24px; font-size: 14px; color: #666666; }
.nContact-list-r-h2 { margin-bottom: 11px; line-height: 1; font-size: 18px; color: #333333; }


/*çº¿ä¸‹é—¨åº—*/
.nShop { }
.nShop-con { padding: 36px 0 0; }
.nShop-con li { float: left; margin-bottom: 24px; width: 588px; }
.nShop-con li:nth-child(2n) { float: right; }
.nShop-con-img { width: 588px; height: 363px; }
.nShop-con-font { background-color: #f5f5f5; }
.nShop-con-font-l { padding-right: 102px; line-height: 24px; font-size: 14px; color: #666666; }
.nShop-con-font-l-h2 { margin-bottom: 12px; line-height: 1; font-size: 18px; color: #333333; }
.nShop-con-font-l strong { color: #b5000d; }
.nShop-con-font-r { width: 78px; height: 78px; background-color: #afafaf; line-height: 1; font-size: 18px; text-align: center; color: #ffffff; }
.nShop-con li:hover .nShop-con-font-r { background-color: #b5000d; }
/*è¯¦ç»†é¡µ*/
.nShopShow { padding-bottom: 22px; background-color: #ffffff; }
.nShopShow-con { padding: 24px 0; margin-bottom: 26px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nShopShow-photo { background-color: #000000; width: 564px; height: 346px; }
.nShopShow-font { width: 564px; height: 344px; }
.nShopShow-parameter { padding-top: 12px; }
.nShopShow-parameter li { float: left; width: 100%; line-height: 28px; font-size: 14px; color: #666666; }
.nShopShow-parameter li:nth-child(1), .nShopShow-parameter li:nth-child(2), .nShopShow-parameter li:nth-child(3) { width: 185px; }
.nShopShow-parameter li:nth-child(4) { margin-top: 24px; }
.nShopShow-parameter li a { color: #666666; }
.nShopShow-parameter li a:hover { color: #b5000d; }
.nShopShow-con-font-tit { margin-top: 23px; margin-bottom: 12px; padding-left: 12px; border-left: 3px solid #b5000d; line-height: 1; font-size: 16px; font-weight: bold; color: #333333; }
.nShopShow-con-font { position: relative; overflow: hidden; height: 112px; }
.nShopShow-l { padding: 24px 0; width: 894px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.03);  box-shadow: 0 0 80px rgba(0,0,0,0.03); }
.nShopShow-list-con { margin-top: 48px; }
.nShopShow-menu { height: 43px; line-height: 42px; text-align: center; }
.nShopShow-menu li { cursor: pointer; position: relative; z-index: 1; float: left; width: 139px; border:1px solid #ffffff; font-size: 18px; text-align: center; color: #666666; }
.nShopShow-menu li.hover { z-index: 3; margin-bottom: 1px; border-color: #dddddd; border-bottom-color: #ffffff; color: #666666 }
.nShopShow-font-con { position: relative; z-index: 2; border-top:1px solid #dddddd; padding-top: 24px; }
/*è¯¦ç»†é¡µ-åœ¨æ–½å·¥åœ°*/
.nShopShow-site { }
.nShopShow-site li { overflow: hidden; position: relative; padding-bottom: 24px; }
.nShopShow-site-img { float: left; width: 266px; height: 164px; }
.nShopShow-site-img a { display: block; width: 100%; height: 100%; }
.nShopShow-site-font { float: right; width: 556px; height: 164px; }
.nShopShow-site-font dt { padding-bottom: 6px; height: 38px; }
.nShopShow-site-font-h2 { width: 408px; line-height: 38px; font-size: 16px; }
.nShopShow-site-font-h2 a { color: #333333; }
.nShopShow-site-font-btn { cursor: pointer; margin: 5px 0; padding: 0 12px; border: 1px solid #dddddd; line-height: 26px; font-size: 12px; color: #999999; }
.nShopShow-site li:hover .nShopShow-site-font-btn { border-color: #b5000d; background-color: #b5000d; color: #ffffff; }
.nShopShow-site li:hover .nShopShow-site-font-h2 a { color: #b5000d; }
.nShopShow-site-font dd { float: left; padding: 6px 0; width: 185px; line-height: 1; font-size: 12px; color: #666666; }
.nShopShow-site-progress { padding-top: 18px; }
.nShopShow-site-progress-item { position: relative; width: 125px; float: left; left: -15px; } 
.nShopShow-site-progress-item:before { content: ''; float: left; width: 100%; height: 1px; margin-top: 7px; background-color: #dddddd; position: relative; right: 8px; }
.nShopShow-site-progress-item:first-child { width: 54px; }
.nShopShow-site-progress-item:first-child:before { background-color: #ffffff !important; }
.nShopShow-site-progress-item i { position: absolute; width: 15px; height: 15px; border-radius: 50%; text-align: center; line-height: 15px; border: 1px solid #dddddd; background-color: #fff; z-index: 1; right: 5px; font-size: 12px; }
.nShopShow-site-progress-item span { float: right; margin-top: 17px; font-size: 12px; width: 48px; display: block; color: #666666; margin-left: 5px; position: relative; left: 11px; text-align: center; }
.nShopShow-site-progress-item.iconfont:before { background-color: #b5000d; }
.nShopShow-site-progress-item.iconfont i { background-color: #b5000d; background-image:url("../images/ico-54.png"); background-repeat: no-repeat; background-position: center; }
.nShopShow-site-progress-item.iconfont i, .nShopShow-site-progress-item.iconfont span { color: #b5000d; border-color: #b5000d; }
/*è¯¦ç»†é¡µ-æˆ·åž‹è§£æž*/
.nShopShow-analysis { }
.nShopShow-analysis li { overflow: hidden; position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 264px; background-color: #f5f5f5; }
.nShopShow-analysis li:nth-child(3n){ margin-right: 0; }
.nShopShow-analysis-img { width: 266px; height: 164px; }
.nShopShow-analysis-font { position: relative; padding: 12px 0; line-height: 1; text-align: center; }
.nShopShow-analysis-font_h2 { position: relative; z-index: 10; font-size: 16px; color: #333333; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nShopShow-analysis-font_h3 { position: relative; z-index: 10; margin-top: 12px; font-size: 12px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nShopShow-analysis-font:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nShopShow-analysis li:hover .nShopShow-analysis-font_h2, .nShopShow-analysis li:hover .nShopShow-analysis-font_h3 { color: #ffffff; }
.nShopShow-analysis li:hover .nShopShow-analysis-font:after { height: 100%; }
/*è¯¦ç»†é¡µ-ç›¸å…³æ¡ˆä¾‹*/
.nShopShow-case { }
.nShopShow-case li { overflow: hidden; position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 264px; background-color: #f5f5f5; }
.nShopShow-case li:nth-child(3n){ margin-right: 0; }
.nShopShow-case-img { width: 266px; height: 164px; }
.nShopShow-case-font { position: relative; padding: 12px 0; line-height: 1; text-align: center; }
.nShopShow-case-font_h2 { position: relative; z-index: 10; font-size: 16px; color: #333333; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nShopShow-case-font_h3 { position: relative; z-index: 10; margin-top: 12px; font-size: 12px; color: #666666; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nShopShow-case-font:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nShopShow-case li:hover .nShopShow-case-font_h2, .nShopShow-case li:hover .nShopShow-case-font_h3 { color: #ffffff; }
.nShopShow-case li:hover .nShopShow-case-font:after { height: 100%; }
/*è¯¦ç»†é¡µ-æœåŠ¡å›¢é˜Ÿ*/
.nShopShow-team { }
.nShopShow-team li { overflow: hidden; position: relative; float: left; margin-right: 24px; margin-bottom: 24px; width: 266px; background-color: #f5f5f5; }
.nShopShow-team li:nth-child(3n){ margin-right: 0; }
.nShopShow-team-img { width: 266px; height: 318px; }
.nShopShow-team-font { padding: 12px 24px; background-color: #f5f5f5; line-height: 1; text-align: center; }
.nShopShow-team-font-h2 { font-size: 16px; color: #333333; }
.nShopShow-team-font-h3 { margin-top: 12px; margin-bottom: 12px; font-size: 12px; color: #666666; }
.nShopShow-team-font-h3 a, .nShopShow-team-font-h3 strong { padding-right: 6px; color: #b5000d; }
.nShopShow-team-font-btn { position: relative; display: block; width: 103px; height: 36px; border: 1px solid #dddddd; background-color: #ffffff; line-height: 36px; font-size: 12px; text-align: center; color: #666666;transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nShopShow-team-font-btn span { position: relative; z-index: 2; }
.nShopShow-team-font-btn.fr:after { content: ""; position: absolute; bottom: 0; left: 0; z-index: 1; width: 0; height: 100%; background-color: #b5000d; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; }
.nShopShow-team li:hover .nShopShow-team-font-btn.fr { border: 1px solid #b5000d; color: #ffffff; }
.nShopShow-team li:hover .nShopShow-team-font-btn.fr:after { width: 100%; }